Pseudo-klasa valid

Pseudo-klasa valid postavlja stil za input polja u koja je uneta ispravna vrednost ili vrednost koja odgovara navedenom tipu.

Sintaksa

cssselektor:valid {
  
}

Primer

Hajde da prebojimo pozadinu input polja u roze boju, kada se unese neispravna vrednost i nazad u zelenu boju, kada je vrednost prošla proveru u odnosu na izabrani tip:

html<p>Unesite vašu email adresu</p>
<p><input type="email"></p>

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

Результат:

Vidi takođe