Den :enabled
pseudo-klasse i CSS vælger fokuserbar elementer, der ikke er deaktiveret, og derfor aktiveret. Det er kun forbundet med formelementer ( ,
,
). Aktiverede elementer inkluderer dem, som du kan vælge, som du kan indtaste data i, eller som du kan fokusere på eller klikke på.
Så når et afkrydsningsfelt er markeret, og du målretter mod etiketten umiddelbart efter det:
input:enabled + label ( color: #333; font-style: italic; )
Etiketteksten bliver mørkegrå og kursiv, hvis afkrydsningsfeltet er aktiveret, hvilket betyder, at brugeren kan slå den til og fra.
I teorien :enabled
skal det matche en ,
eller med
href
attributter, men browsere ser ikke ud til at håndtere dette scenario. Du kan style ,
,
,
,
og
s, der ikke er handicappede. Når
der understøttes, skal vi også være i stand til at målrette mod
og
, hvis ikke handicappede.
Du ville også tro, at elementer med contenteditable
og tabindex
attributter kunne vælges med :enabled
pseudoklassen. Specifikationen angiver ikke dette, og browsere understøtter det heller ikke.
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Alle | 3.1 | Alle | 9 | 9 | Alle | Alle |