Псевдоклас valid

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

Синтакса

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

Пример

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

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

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

Види још

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