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
seç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:
<p>E-posta adresinizi girin</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Ayrıca bakınız
-
doğru değer girilen input için stil belirleyen
:validpseudo-sınıfı -
varsayılan öğeler için stil belirleyen
:defaultpseudo-sınıfı -
belirli değer aralığına sahip öğeler için stil belirleyen
:in-rangepseudo-sınıfı -
değerleri aralık dışında kalan öğeler için stil belirleyen
:out-of-rangepseudo-sınıfı
