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

cssselektor: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:

html<p>Unesite Vašu e-poštu</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Pogledajte takođe