Псевдокласа valid

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

Синтакса

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

Пример

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

<p>Внесете ја вашата е-пошта</p>
<p><input type="email"></p>

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

Погледнете ги и

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