Pseudoklasa invalid
Pseudoklasa invalid ustawia styl
dla inputa, do którego wprowadzono nieprawidłową
wartość lub wartość nieodpowiadającą określonemu
typowi.
Składnia
selektor:invalid {
}
Przykład
Zmieńmy kolor tła inputa na różowy, gdy wprowadzana jest nieprawidłowa wartość i z powrotem na zielony, gdy wartość przeszła weryfikację zgodności z wybranym typem:
<p>Wprowadź swój email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Zobacz też
-
pseudoklasa
:valid,
która ustawia styl inputowi, do którego wprowadzono prawidłową wartość -
pseudoklasa
:default,
która ustawia styl elementom domyślnym -
pseudoklasa
:in-range,
która ustawia styl elementom z określonym zakresem wartości -
pseudoklasa
:out-of-range,
która ustawia styl elementom, których wartości wykraczają poza zakres
