Pseudotřída valid
Pseudotřída valid nastavuje styl
pro inputy, do kterých byl zadán platný
obsah nebo hodnota odpovídající zadanému
typu.
Syntaxe
selektor:valid {
}
Příklad
Pojďme změnit barvu pozadí inputu na růžovou, když je zadána neplatná hodnota, a zpět na zelenou, když hodnota prošla kontrolou odpovídajícího typu:
<p>Zadejte svůj email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Viz také
-
pseudotřída
:invalid,
která nastavuje styl inputu s neplatnou hodnotou -
pseudotřída
:out-of-range,
která nastavuje styl prvkům, jejichž hodnota je mimo rozsah -
pseudotřída
:in-range,
která nastavuje styl prvkům s hodnotou v zadaném rozsahu
