Valid pseudo-klassy

valid pseudo-klassy, dogry girizilen ýa-da görkezilen görnüşine laýyk gelýän bahalar üçin giriş meýdanlarynyň stilini kesgitleýär.

Sintaksis

cssselektor:valid {
  
}

Mysal

Giriş meýdanynyň fonyny, ýalňyş baha girizilende gülgüne we ýene-de ýaşyl reňke çalşyralyň, sebäbi baha saýlanan görnüşe gabat gelýänligi barlanyldy:

html<p>E-poçta adresiňizi giriziň</p>
<p><input type="email"></p>

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

Результат:

Şeýle-de görüň