Pseudoklasa invalid
Pseudoklasa invalid određuje stil
za polje za unos u koje je uneta neispravna
vrednost ili vrednost koja ne odgovara navedenom
tipu.
Sintaksa
selektor:invalid {
}
Primer
Hajde da prebojimo pozadinu polja za unos u roze boju, kada se unese neispravna vrednost i nazad u zelenu boju, kada je vrednost prošla proveru ispravnosti za izabrani tip:
<p>Unesite Vašu e-poštu</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Pogledajte takođe
-
pseudoklasa
:valid,
koja određuje stil polju za unos u koje je uneta ispravna vrednost -
pseudoklasa
:default,
koja određuje stil elementima podrazumevano -
pseudoklasa
:in-range,
koja određuje stil elementima sa zadatim opsegom vrednosti -
pseudoklasa
:out-of-range,
koja određuje stil elementima čija vrednost izlazi izvan opsega
