Anwenden von CSS Texteingaben mit Klassen
-
05-07-2019 - |
Frage
Ich bin mit jQuery auf einem Formular bestätigen Ich baue und es funktioniert super. Was ich tun möchte, ist, wenn etwas ist ungültig das Textfeld ändern Farben zu haben und die Fehlermeldung zu sein weiß. Ich dachte, das folgende CSS funktionieren würde:
label .error {color: white; font-weight: bold;}
input .error {background-color: pink; border: 1px dashed red; color: white}
Wenn ich die Validierung der oben CSS-Test scheint nicht zu gelten. Ich habe mit Firebug und das Etikett und Eingabebereich haben die ‚Fehler‘ Klasse angewandt.
Die CSS scheint gültig, wenn ich das .error Klausel alles wegzulassen sieht aus wie ich es auch wollen. Was mache ich falsch?
Lösung
Ein Raum kann man zu viel sein. Versuchen Sie:
label.error {color: white; font-weight: bold;}
input.error {background-color: pink; border: 1px dashed red; color: white}
Hintergrund:
label .error /* selects all elements of class "error" *within* any label */
label.error /* selects labels of class "error" */
Andere Tipps
Versuchen label.error und input.error ohne Leerzeichen ein.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow