CSS :krävd pseudoklass

Definition och användning

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

Formulärelement med required-egenskapen definieras som obligatoriska.

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

Exempel

Välj och ställ in stilen för alla <input>-element som har required-egenskapen. Samt ställ in stilen för alla <input>-element som inte har required-egenskapen:

input:valfri {
  background-color: ljusgrön;
}
input:krävd {
  background-color: rosa;
  border-color: röd;
}

Prova själv

CSS-syntax

:krävd {
  css-uttryck;
}

Tekniska detaljer

Version: CSS3

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversionen som fullständigt stöder den här pseudoklassen.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Relaterade sidor

Referens:CSS :optional pseudoklass