CSS :optional 伪类

Definition og brug

CSS :optional Pseudo-klasser bruges til at vælge og indstille stilen for valgfrie formularelementer (kun for <input>,<select> og <textarea>)

Formularelementer uden required-attribut defineres som valgfri.

Bemærk:Brug :required Pseudo-klasser bruges til at vælge og indstille stilen for obligatoriske formularelementer.

Eksempel

Vælg og indstil stilen for alle <input>-elementer uden required-attribut. Samtidig indstil stilen for alle <input>-elementer med required-attribut:

input:optional {
  background-color: lysgrøn;
}
input:required {
  background-color: lyserød;
  border-color: rød;
}

Prøv det selv

CSS syntaks

:optional {
  css deklarationer;
}

Tekniske detaljer

Version: CSS3

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter denne pseudo-klasse.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Relaterede sider

Kilde:CSS :required 伪类