Pseudotrieda invalid
Pseudotrieda invalid nastavuje štýl
pre input, do ktorého bola zadaná nesprávna
hodnota alebo hodnota nezodpovedajúca zadanému
typu.
Syntax
selektor:invalid {
}
Príklad
Prefarbíme pozadie inputu na ružovú farbu, keď je zadaná nesprávna hodnota a späť na zelenú farbu, keď hodnota prešla kontrolou zodpovednosti zvoleného typu:
<p>Zadajte Váš email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Pozrite tiež
-
pseudotrieda
:valid,
ktorá nastavuje štýl inputu, do ktorého bola zadaná správna hodnota -
pseudotrieda
:default,
ktorá nastavuje štýl elementom predvolene -
pseudotrieda
:in-range,
ktorá nastavuje štýl elementom so zadaným rozsahom hodnôt -
pseudotrieda
:out-of-range,
ktorá nastavuje štýl elementom, ktorých hodnoty prekračujú rámec rozsahu
