CSS :valfri pseudoklass

Definition och användning

CSS :valfri Pseudoklasser används för att välja och ställa in stilen för valfria formulärelement (endast för <input>och<select> och <textarea>)

Formulärelement utan required-egenskap definieras som valfria.

Tips:Använd :krävd Pseudoklasser för att välja och ställa in stilen för obligatoriska formulärelement.

Exempel

Välj och ställ in stilen för alla <input>-element utan required-egenskap. Samt ställ in stilen för alla <input>-element med required-egenskap:

input:valfri {
  background-color: ljusgrön;
}
input:krävd {
  background-color: skärgårdspink;
  border-color: röd;
}

Prova själv

CSS-syntax

:valfri {
  css deklarationer;
}

Tekniska detaljer

Version: CSS3

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som fullständigt stöder denna pseudoklass.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Relaterade sidor

Referens:CSS :krävd pseudoklass