Pseudoklasa valid
Pseudoklasa valid definiuje styl
dla inputów, do których wprowadzono poprawną
wartość lub wartość odpowiadającą określonemu
typowi.
Składnia
selektor:valid {
}
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
:invalid,
która definiuje styl inputowi, do którego wprowadzono nieprawidłową wartość -
pseudoklasa
:out-of-range,
która definiuje styl elementom, których wartości wykraczają poza zakres -
pseudoklasa
:in-range,
która definiuje styl elementom z określonym zakresem wartości
