Псевдокласс valid

Псевдокласс valid инпутларга тўғри киритилган ёки кўрсатилган турга мос келадиган қиймат учун стилни белгилайди.

Синтаксис

cssселектор:valid {
  
}

Мисол

Келтирилган инпутнинг фонни ноаник қиймат киритилганда қизил рангга ва қайта яшил рангга, қиймат танланган турга мослиги текширилганда ўзгартирамиз:

html<p>Электрон почтангизни киритинг</p>
<p><input type="email"></p>

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

Результат:

Қуйидагиларни ҳам кўринг