Pseudoklass invalid

Pseudoklass invalid määrab stiili sisendväljale, kuhu on sisestatud vale väärtus või väärtus, mis ei vasta määratud tüübile.

Süntaks

cssvalija:invalid {

}

Näide

Muudame sisendvälja tausta roosaks, kui sisestatakse vale väärtus, ja tagasi roheliseks, kui väärtus läbis valitud tüübile vastavuse kontrolli:

html<p>Sisesta oma e-post</p>
<p><input type="email"></p>

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

Результат:

Vaata ka