Псевдокласот 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,
кој одредува стил на елементите чии вредности излегуваат надвор од опсегот