CSS :default-pseudoklass

Definition och användning

CSS :default Pseudoklassen används för att välja den standardformülaren i en grupp av relaterade element.

Denna pseudoklass kan användas för <button>-, <input type="checkbox">-, <input type="radio">- och <option>-element.

Exempel

Exempel 1

Lägg till röd skugga för standardinputelementen:

input:default {
  box-shadow: 0 0 2px 2px red;
}

Prova själv

Exempel 2

Ställ in olika standardstilar för kryssrutor, val och alternativ:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px blue;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px maroon;
}
option:default {
  color: blue;
  background-color: pink;
}

Prova själv

CSS-syntax

:default {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Tabellennummern angermerkar den första webbläsare som fullständigt stöder denna pseudoklass.