Псевдокласот invalid

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

Синтакса

cssселектор:invalid {

}

Пример

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

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

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

Результат:

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