Valid psevdo-sinfi

valid psevdo-sinfi düzgün dəyər daxil edilmiş və ya göstərilən tipə uyğun gələn dəyər üçün input stilini təyin edir.

Sintaksis

cssselektor:valid {
  
}

Nümunə

Gəlin inputun fonunu düzgün olmayan dəyər daxil edildikdə çəhrayı rəngə, dəyər seçilmiş tipə uyğunluq yoxlamasından keçdikdə 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