CSS :invalid-pseudoklass

Definition och användning

CSS :invalid Pseudoklasser används för att ställa in stilen för ogiltiga formulärelement.

Observera:Denna pseudoklass gäller endast för formulärelement med begränsningar, till exempel inmatningselement med min och max-attribut, e-postfält utan giltig e-post eller numeriska fält utan värden.

Observera:Om någon av de enskilda radioknapparna i en radiogrupp är obligatorisk, tillämpas denna pseudoklass på alla radioknappar om ingen av dem är valda i gruppen.

Tips:Använd :valid Pseudoklasser ställer in stilen för giltiga formulärelement.

Exempel

Ställ in stilen för ogiltiga <fieldset> och <input>-element:er:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

Prova själv

CSS-syntax

:invalid {
  css-uttryck;
}

Tekniska detaljer

Version: CSS4

Webbläsarstöd

De siffror i tabellen anger den första webbläsarversion som fullständigt stöder den här pseudoklassen.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Relaterade sidor

Referens:CSS :valid-väljare