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

Псевдокласи valid услубро барои воридкунӣ муқаррар мекунад, ки дар онҳо арзиши дуруст ворид карда шудааст ё арзише, ки ба навъи мушаххасшуда мувофиқат мекунад.

Синтаксис

cssинтихобкунанда:valid {
  
}

Мисол

Биёед зами майдончаи воридкуниро ба рангоби гулобӣ иваз кунем, вақте ки арзиши нодуруст ворид мешавад ва баргаштан ба рангоби сабз, вақте ки арзиш аз санҷиши мувофиқати навъи интихобшуда гузашт:

html<p>Суроғаи почтаи электронии худро ворид кунед</p>
<p><input type="email"></p>

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

Результат:

Инчунин бубинед