Псевдоклас valid

Псевдоклас valid задае стыль для інпутаў, у якія ўвялі правільнае значэнне або значэнне адпаведнае паказанаму тыпу.

Сінтаксіс

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

Прыклад

Давайце перафарбуем фон інпута ў ружовы колер, калі ўводзіцца няправільнае значэнне і назад у зялёны колер, калі значэнне прайшло праверку на адпаведнасць абранага тыпу:

<p>Увядзіце ваш email</p>
<p><input type="email"></p>

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

Глядзіце таксама

псевдоклас :invalid,
які задае стыль інпуту, у які ўвялі няправільнае значэнне
псевдоклас :out-of-range,
які задае стыль элементам, значэнні якіх выходзіць за межы дыяпазону
псевдоклас :in-range,
які задае стыль элементам з зададзеным дыяпазонам значэнняў