Den :enabled
pseudo klass i CSS väljer fokuserbara element som inte inaktiveras, och därför aktiverat. Den är endast förknippad med formelement ( ,
,
). Aktiverade element inkluderar sådana som du kan välja, som du kan ange data i, eller som du kan fokusera på eller klicka på.
Så när en kryssruta är markerad och du riktar in dig på etiketten direkt efter den:
input:enabled + label ( color: #333; font-style: italic; )
Etiketttexten blir mörkgrå och kursiv om kryssrutan är aktiverad, vilket innebär att användaren kan slå på och av den.
I teorin :enabled
ska matcha ett ,
eller med
href
attribut, men webbläsare verkar inte hantera detta scenario. Du kan styla ,
,
,
,
och
s som inte är handikappade. När
stöds bör vi också kunna rikta in
och
, om inte funktionshindrade.
Du skulle också tro att element med contenteditable
och tabindex
attribut skulle kunna väljas med :enabled
pseudoklassen. Specifikationen anger inte detta, och inte heller stöder webbläsare det.
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Allt | 3.1 | Allt | 9 | 9 | Allt | Allt |