Pseudo-sınıfı invalid

invalid pseudo-sınıfı, yanlış değer girilen veya belirtilen türe uymayan değer girilen input için stil belirler.

Sözdizimi

cssseçici:invalid {

}

Örnek

Yanlış değer girildiğinde inputun arka planını pembe renge, değer doğrulamayı geçtiğinde ise tekrar yeşil renge çevirelim:

html<p>E-posta adresinizi girin</p>
<p><input type="email"></p>

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

Результат:

Ayrıca bakınız