Псевдокласа valid
Псевдокласата valid одредува стил
за инпути во кои е внесена точна
вредност или вредност што одговара на наведениот
тип.
Синтакса
селектор:valid {
}
Пример
Ајде да ја смениме позадината на инпутот во розова боја, кога се внесува неточна вредност и назад во зелена боја, кога вредноста поминала проверка на усогласеност со избраниот тип:
<p>Внесете ја вашата е-пошта</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Погледнете ги и
-
псевдокласата
:invalid,
која одредува стил на инпут во кој е внесена неточна вредност -
псевдокласата
:out-of-range,
која одредува стил на елементи чии вредности се надвор од опсегот -
псевдокласата
:in-range,
која одредува стил на елементи со зададен опсег на вредности