Valid psevdoklassi

valid psevdoklassi to'g'ri qiymat kiritilgan yoki ko'rsatilgan turga mos keladigan qiymat kiritilgan inputlar uchun uslubni belgilaydi.

Sintaksis

cssselector:valid {
  
}

Misol

Keling, noto'g'ri qiymat kiritilganda input fonini pushti rangga, qiymat tanlangan turga moslik tekshiruvidan o'tganda esa yana yashil rangga o'zgartiraylik:

html<p>Elektron pochtangizni kiriting</p>
<p><input type="email"></p>

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

Результат:

Shuningdek qarang