Den :disabledpseudoklassväljare ger villkor styling till HTML-element som kan ta emot indata från användaren, när elementen har disabledattributet. Det definieras i CSS Selectors nivå 3-specifikationen som ett “UI-elementstillstånd pseudoklass”, vilket betyder att det används för att utforma innehåll baserat på användarens interaktion med ett inmatningselement.
Element som kan ta emot den disabledattribut inkluderar , , , , och . Det finns två giltiga syntaxer för att ställa in detta attribut: antingen disabled="disabled"eller (i HTML5) helt enkelt det disabledbooleska nyckelordet. Ett element är inaktiverat om det inte kan aktiveras (t.ex. markerat, klickat på eller accepterat textinmatning) eller accepterat fokus.
Ett sådant element kan utformas med hjälp av :disabledpseudoklassväljaren:
Intressanta platser
:disabledkan "kedjas" med andra pseudoväljare: som:beforeeller för:afteratt generera ikoner eller text för att ge mer användarfeedback.- Alla egenskaper som kan animeras med CSS-övergångar eller animationer animeras ordentligt när
disabledattributet läggs till eller tas bort från HTML-elementet.
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Allt | 3.1 | Allt | 9 | 9 | Allt | Allt |