Псевдоклас invalid

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

Синтакса

cssселектор:invalid {

}

Пример

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

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

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

Результат:

Погледајте такође