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

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

Синтаксис

cssселектор:invalid {

}

Мисол

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

html<p>Enter Your email</p>
<p><input type="email"></p>

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

Результат:

Шунингдек қаранг