CSS :default Pseudo-Klasse

Definition und Verwendung

CSS :default Pseudo-Klassen werden verwendet, um die Standardformularelemente in einer Gruppe von verbundenen Elementen auszuwählen.

Dieser Pseudo-Klasse können <button>-, <input type="checkbox">-, <input type="radio">- und <option>-Elemente zugewiesen werden.

Beispiel

Beispiel 1

Fügen Sie rote Schatten zu den Standard-Eingabeelementen hinzu:

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

Versuchen Sie es selbst

Beispiel 2

Stellen Sie verschiedene Standardstile für Auswahlknöpfe, Kontrollkästchen und Optionen ein:

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

Versuchen Sie es selbst

CSS-Syntax

:default {
  css-Anweisungen;
}

Technische Details

Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diesen Pseudo-Klassen vollständig unterstützt.

Chrome Edge Firefox Safari Opera
10 79 4 5 10