valid сәндік класы

valid сәндік класы дұрыс мән енгізілген немесе көрсетілген түріне сәйкес келетін мәндері бар инпуттарға арналған стильді белгілейді.

Синтаксис

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

Мысал

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

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

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

Результат:

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