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
seç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:
<p>E-posta adresinizi girin</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Ayrıca bakınız
-
:invalidsözde sınıfı,
yanlış değer girilen input için stil belirler -
:out-of-rangesözde sınıfı,
değeri aralık dışında kalan elementler için stil belirler -
:in-rangesözde sınıfı,
belirli bir değer aralığına sahip elementler için stil belirler
