Psevdorazred invalid
Psevdorazred invalid določa slog
za vnosno polje, v katerega je bila vnesena nepravilna
vrednost ali vrednost, ki ne ustreza določenemu
tipu.
Sintaksa
izbiralnik:invalid {
}
Primer
Pobarvajmo ozadje vnosnega polja v rožno barvo, ko je vnesena nepravilna vrednost, in nazaj v zeleno barvo, ko vrednost ustreza izbranemu tipu:
<p>Vnesite svoj e-poštni naslov</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Glejte tudi
-
psevdorazred
:valid,
ki določa slog vnosnemu polju z veljavno vrednostjo -
psevdorazred
:default,
ki določa slog privzetim elementom -
psevdorazred
:in-range,
ki določa slog elementom z določenim obsegom vrednosti -
psevdorazred
:out-of-range,
ki določa slog elementom, katerih vrednosti presegajo določeni obseg
