Pseudosinif invalid

Pseudosinif invalid daxil edilmis dyeri duzgun olmayan ve ya gosterilen tipə uygun gelmeyen input ucun stili təyin edir.

Sintaksis

cssselektor:invalid {

}

Nümunə

Gelin, daxil edilen dyer duzgun olmadıqda inputun fonunu çəhrayı rəngə, dyer secilen tipə uygunluq yoxlamasından kecəndə isə yenidən yaşıl rəngə boyayaq:

html<p>E-poçtunuzu daxil edin</p>
<p><input type="email"></p>

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

Результат:

Həmçinin bax