CSS required submit Style – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self CSS required submit Style Fri, 04 Jan 19 16:38:19 Z https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740016#m1740016 https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740016#m1740016 <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> CSS required submit Style Fri, 04 Jan 19 16:41:44 Z https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740017#m1740017 https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740017#m1740017 <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> CSS required submit Style Sat, 05 Jan 19 10:11:44 Z https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740030#m1740030 https://forum.selfhtml.org/self/2019/jan/4/css-required-submit-style/1740030#m1740030 <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>