CSS : aktivierter Selektor
Beispiel
Legen Sie die Höhe und Breite für alle markierten <input>-Elemente fest:
input:checked {
height: 50px;
width: 50px;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der :checked
Selektor passt zu jedem aktivierten <input>-Element (nur für Optionsfelder und Kontrollkästchen) und <option>-Element.
Ausführung: | CSS3 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS-Syntax
:checked {
css declarations;
}
Mehr Beispiele
Beispiel
Legen Sie die Höhe und Breite für alle markierten <option>-Elemente fest:
option:checked {
height: 100px;
width: 100px;
}
Verwandte Seiten
CSS-Selektor-Referenz: CSS: deaktivierter Selektor
CSS-Selektor-Referenz: CSS: aktivierter Selektor