Pseudotřída invalid
Pseudotřída invalid nastavuje styl
pro input, do kterého byla zadána nesprávná
hodnota nebo hodnota neodpovídající zadanému
typu.
Syntaxe
selektor:invalid {
}
Příklad
Pojďme přebarvit pozadí inputu na růžovou barvu, když je zadána nesprávná hodnota, a zpět na zelenou barvu, když hodnota prošla kontrolou odpovídající zvolené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
:valid,
která nastavuje styl inputu, do kterého byla zadána správná hodnota -
pseudotřída
:default,
která nastavuje styl prvkům podle výchozího nastavení -
pseudotřída
:in-range,
která nastavuje styl prvkům se zadaným rozsahem hodnot -
pseudotřída
:out-of-range,
která nastavuje styl prvkům, jejichž hodnoty přesahují zadaný rozsah
