Pseudotrieda valid
Pseudotrieda valid nastavuje štýl
pre inputy, do ktorých sa zadala správna
hodnota alebo hodnota zodpovedajúca zadanému
typu.
Syntax
selektor:valid {
}
Príklad
Zafarbíme pozadie inputu na ružovú farbu, keď sa zadáva nesprávna hodnota a späť na zelenú farbu, keď hodnota prešla kontrolou na zhodu so zvoleným typom:
<p>Zadajte Váš email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Pozrite tiež
-
pseudotrieda
:invalid,
ktorá nastavuje štýl inputu, do ktorého sa zadala nesprávna hodnota -
pseudotrieda
:out-of-range,
ktorá nastavuje štýl elementom, ktorých hodnoty sú mimo rozsahu -
pseudotrieda
:in-range,
ktorá nastavuje štýl elementom so zadaným rozsahom hodnôt
