Pseudoklassen invalid

Pseudoklassen invalid sätter stilen för en inmatning där ett felaktigt värde har angetts eller ett värde som inte överensstämmer med den angivna typen.

Syntax

cssselektor:invalid {

}

Exempel

Låt oss ändra bakgrundsfärgen på inmatningen till rosa när ett felaktigt värde anges och tillbaka till grön när värdet har klarat valideringen för den valda typen:

html<p>Ange din e-postadress</p>
<p><input type="email"></p>

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

Результат:

Se även