Псевдоклас valid

Псевдоклас valid дефинише стил за инпуте у које је унето исправна вредност или вредност која одговара наведеном типу.

Синтакса

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

Пример

Хајде да променимо позадину инпута у розе боју, када се унесе погрешна вредност и назад у зелену боју, када вредност прође проверу усаглашености са изабраним типом:

html<p>Унесите вашу е-пошту</p>
<p><input type="email"></p>

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

Результат:

Види још