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

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

Синтаксис

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

Мисал

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

html<p>Email'иңизди киргизиңиз</p>
<p><input type="email"></p>

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

Результат:

Ошондой эле караңыз