CSS : deaktivierter Selektor
Beispiel
Legen Sie eine Hintergrundfarbe für alle deaktivierten Eingabeelemente von type="text" fest:
input[type="text"]:disabled
{
background: #dddddd;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der :disabled
Selektor passt zu jedem deaktivierten Element (wird meistens bei Formularelementen verwendet).
Ausführung: | CSS3 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
:disabled | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS-Syntax
:disabled {
css declarations;
}
Mehr Beispiele
Beispiel
Legen Sie eine Hintergrundfarbe für alle deaktivierten <input>-Elemente fest:
input:disabled
{
background: #dddddd;
}
Beispiel
Legen Sie eine Hintergrundfarbe für alle deaktivierten <option>-Elemente fest:
option:disabled
{
background: red;
}
Verwandte Seiten
CSS-Selektor-Referenz: CSS :checked Selektor
CSS-Selektor-Referenz: CSS: aktivierter Selektor