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

Псевдокласси invalid услубро барои вуруде муайян мекунад, ки дар он қимати нодуруст ворид шудааст ё қимате, ки ба навъи муайяншуда мувофиқат намекунад.

Синтаксис

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

}

Мисол

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

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

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

Результат:

Ҳамчунин нигаред