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

Псевдокласс invalid инпутқа дұрыс емес мән енгізілгенде немесе көрсетілген түрге сәйкес келмеген мән үшін стильді анықтайды.

Синтаксис

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

}

Мысал

Инпутқа дұрыс емес мән енгізілгенде оның фонын қызғылт түске бояп, мән таңдалған түрге сәйкестік тексерісінен өткенде жасыл түске қайтарайық:

html<p>Электрондық поштаңызды енгізіңіз</p>
<p><input type="email"></p>

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

Результат:

Сондай-ақ қараңыз