Псевдоклас invalid

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

Синтакса

селектор:invalid {

}

Пример

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

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

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

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

псевдоклас :valid,
који задаје стил инпуту у који је унето исправна вредност
псевдоклас :default,
који задаје стил елементима по дефаулту
псевдоклас :in-range,
који задаје стил елементима са задатим опсегом вредности
псевдоклас :out-of-range,
који задаје стил елементима чије вредности излазе ван опсега