Den :enabled
pseudo-klasse i CSS velger fokuserbar elementer som ikke er deaktivert, og derfor aktivert. Det er bare forbundet med formelementer ( ,
,
). Aktiverte elementer inkluderer de som du kan velge, som du kan legge inn data i, eller som du kan fokusere på eller klikke.
Så når en avkrysningsrute er merket av, og du målretter mot etiketten umiddelbart etter den:
input:enabled + label ( color: #333; font-style: italic; )
Merketeksten blir mørk grå og kursiv hvis avkrysningsruten er aktivert, noe som betyr at brukeren kan slå den av og på.
I teorien :enabled
skal det matche en ,
, eller med
href
attributter, men nettlesere ser ikke ut til å håndtere det scenariet. Du kan style ,
,
,
,
og
s som ikke er deaktivert. Når
støttes, bør vi også kunne målrette
og
, hvis ikke funksjonshemmede.
Du skulle også tro at elementer med contenteditable
og tabindex
attributter ville være valgbare med :enabled
pseudoklassen. Spesifikasjonen oppgir ikke dette, og nettlesere støtter det ikke.
Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
---|---|---|---|---|---|---|
Alle | 3.1 | Alle | 9 | 9 | Alle | Alle |