Den :disabledpseudo-klasseselektor gir betinget styling til HTML-elementer som kan motta inndata fra brukeren, når elementene har den disabledegenskap. Det er definert i CSS Selectors Level 3-spesifikasjonen som en "UI element state pseudo-class", noe som betyr at den brukes til å style innhold basert på brukerens interaksjon med et inngangselement.
Elementer som får den disabledegenskap omfatter , , , , og . Det er to gyldige syntakser for å sette dette attributtet: enten disabled="disabled"eller (i HTML5) bare det disabledboolske nøkkelordet. Et element er deaktivert hvis det ikke kan aktiveres (for eksempel valgt, klikket på eller godta tekstinndata) eller godta fokus.
Et slikt element kan utformes ved hjelp av :disabledpseudoklasservelgeren:
Interessepunkt
:disabledkan "lenkes" med andre pseudovalgere: som:beforeeller for:afterå generere ikoner eller tekst for å gi mer tilbakemeldinger fra brukerne.- Enhver eiendom som kan animeres med CSS-overganger eller animasjoner, blir riktig animert når
disabledattributtet legges til eller fjernes fra HTML-elementet.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Alle | 3.1 | Alle | 9 | 9 | Alle | Alle |