CSS3 :checkedSelektoren
Vollständiges CSS-Selektor-Referenzhandbuch
Beispiel
Legen Sie die Höhe und Breite für alle ausgewählten input-Elemente fest:
Selbst ausprobieren »
Definition und Verwendung
Der :checked-Selektor trifft auf jedes ausgewählte input-Element zu (gilt nur für Radio-Buttons oder Checkboxen).
:checked ist ein Pseudoklassen-Selektor in CSS3, der verwendet wird, um Kontrollkästchen oder Optionsfelder auszuwählen, die in Formularelementen aktiviert sind. Wenn ein Benutzer auf ein Kontrollkästchen oder Optionsfeld klickt und es aktiviert wird, greift der :checked-Selektor. Dadurch können Sie Elementstile ändern oder andere Vorgänge ausführen, wenn ein Benutzer eine Option auswählt.
Zum Beispiel können Sie den :checked-Selektor verwenden, um den Stil ausgewählter Kontrollkästchen oder Optionsfelder zu ändern oder sie mit anderen Elementen zu verknüpfen. Dies ist sehr nützlich, um interaktive Formulare zu erstellen oder das Aussehen von Kontrollkästchen und Optionsfeldern anzupassen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Selektoren | |||||
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Weitere Erweiterungen