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

Псевдокласс invalid инпутка туура эмес маани же көрсөтүлгөн тиске дал келбеген маани киргизилген учурдагы стилди аныктайт.

Синтаксис

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

}

Мисал

Инпутка туура эмес маани киргизилгенде анын фонун кызгылт түскө, ал эми маани тандалган тиске ылайык экендиги текшерилип, туура болгондо кайрадан жашыл түскө боёёлу:

html<p>Email дарегиңизди жазыңыз</p>
<p><input type="email"></p>

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

Результат:

Дагы караңыз