tag:forum.selfhtml.org,2005:/self CSS required submit Style – SELFHTML-Forum 2019-01-05T10:11:44Z https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740016#m1740016 mixmastertobsi 2019-01-04T16:38:19Z 2019-01-04T16:38:19Z CSS required submit Style <p>Hallo,</p> <p>gibt es eine Möglichkeit den Style von einem Input-Feld bei Submit mit CSS anzupassen.</p> <p>Aktuell wird der Rahmen vom Feld bei mir rot, wenn ich es zum Beispiel leer gelassen haben und es aber befüllt sein muss. Ich finde das Rot nicht sonderlich schön und würde lieber den Hintergrund leicht rot einfärben, wenn es ein "error" gibt.</p> https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740017#m1740017 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2019-01-04T16:41:44Z 2019-01-04T16:41:44Z CSS required submit Style <p>Hallo mixmastertobsi,</p> <p><code class="language-css"><span class="token punctuation">:</span>invalid</code></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Pantoffeltierchen haben keine Hobbys. </div> https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740030#m1740030 marctrix self@mhis.de https://www.mhis.de 2019-01-05T10:11:44Z 2019-01-05T10:11:44Z CSS required submit Style <p>Hej mixmastertobsi,</p> <blockquote> <p>gibt es eine Möglichkeit den Style von einem Input-Feld bei Submit mit CSS anzupassen.</p> </blockquote> <p>Du kannst das mit von Matthias genanntem Selektor erreichen (<code>invalid</code>).</p> <p>Achte dabei aber darauf, es nicht zu verschlimmbessern.</p> <blockquote> <p>Aktuell wird der Rahmen vom Feld bei mir rot, wenn ich es zum Beispiel leer gelassen haben und es aber befüllt sein muss.</p> </blockquote> <p>Nein, es wird ein Schatten mit einem roten Verlauf hinzugefügt (kann sich unterscheiden je nach Browser), wodurch das Feld auch dann hervorgehoben wird, wenn jemand keine Farben sehen kann. Dann ist der Schatten halt grau. Die zusätzliche Sprechblase des Browsers mit Erläuterungen erklärt den Grund für die Hervorhebung.</p> <blockquote> <p>Ich finde das Rot nicht sonderlich schön und würde lieber den Hintergrund leicht rot einfärben, wenn es ein "error" gibt.</p> </blockquote> <p>Je nachdem wie leicht die Rotfärbung ist, dürfte das als Hervorhebung für die vielen Farbenblinden Männer nicht als Fehlermarkierung erkennbar sein.</p> <p>Marc</p> <div class="signature">-- <br> Ceterum censeo Google esse delendam </div>