Geçerli sözde sınıf

valid sözde sınıfı, doğru değer girilen veya belirtilen türe uygun değer girilen input'lar için stil belirler.

Sözdizimi

cssseçici:valid {
  
}

Örnek

Input'a yanlış değer girildiğinde arkaplan rengini pembe, değer seçilen tip için 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