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

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

Синтакса

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

Пример

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

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

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

Результат:

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