Pseudo-klasa invalid

Pseudo-klasa invalid vendos stilin për një input në të cilin është futur një vlerë e gabuar ose një vlerë që nuk përputhet me llojin e specifikuar.

Sintaksa

selector:invalid {

}

Shembull

Le ta ndryshojmë ngjyrën e sfondit të inputit në ngjyrë rozë, kur futet një vlerë e gabuar dhe përsëri në ngjyrë të gjelbër, kur vlera ka kaluar verifikimin për përputhje me llojin e zgjedhur:

<p>Shkruani email-in tuaj</p>
<p><input type="email"></p>

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

Shihni gjithashtu

pseudo-klasa :valid,
e cila vendos stilin për inputin në të cilin është futur një vlerë e saktë
pseudo-klasa :default,
e cila vendos stilin për elementet si parazgjedhje
pseudo-klasa :in-range,
e cila vendos stilin për elementet me një varg vlerash të caktuar
pseudo-klasa :out-of-range,
e cila vendos stilin për elementet, vlerat e të cilëve dalin jashtë kufijve të vargut