CSS :default pseudoklasse

Definitie en gebruik

CSS :default Pseudoklassen worden gebruikt om de standaard formulierelementen in een groep gerelateerde elementen te selecteren.

Deze pseudoklasse kan worden gebruikt voor <button>、<input type="checkbox">、<input type="radio"> en <option> elementen.

Voorbeeld

Voorbeeld 1

Voeg een rode schaduw toe aan standaard invoerelementen:

input:default {
  schaduw: 0 0 2px 2px rood;
}

Probeer het zelf

Voorbeeld 2

Stel verschillende standaardstijlen in voor radio knoppen, selectievakken en opties:

input[type=radio]:default {
  schaduw: 0 0 5px 3px blauw;
}
input[type=checkbox]:default {
  schaduw: 0 0 5px 3px kastanje;
}
option:default {
  kleur: blauw;
  background-color: roze;
}

Probeer het zelf

CSS syntaxis

:default {
  css declaraties;
}

Technische details

Browserondersteuning

Tafelgetallen specificeren de eerste browserversie die deze pseudoklasse volledig ondersteunt.