De :enabledpseudo-klasse in CSS selecteert focusseerbare elementen die niet zijn uitgeschakeld en daarom ingeschakeld. Het is alleen geassocieerd met vormelementen ( , , ). Ingeschakelde elementen omvatten elementen waarin u kunt selecteren, waarin u gegevens kunt invoeren of waarop u zich kunt concentreren of waarop u kunt klikken.
Dus als een selectievakje is aangevinkt en u het label direct erna target:
input:enabled + label ( color: #333; font-style: italic; )De labeltekst wordt donkergrijs en cursief als het selectievakje is ingeschakeld, wat betekent dat de gebruiker het aan en uit kan zetten.
In theorie zou het :enabledmoeten overeenkomen met een , , of met href attributen, maar browsers lijken dat scenario niet aan te kunnen. U kunt stijl , , , , en s die niet zijn uitgeschakeld. Wanneer wordt ondersteund, moeten we ons ook kunnen richten op en
Je zou ook denken dat elementen met contenteditable en tabindex attributen kunnen worden geselecteerd met de :enabled pseudo-class. De specificatie zegt dit niet, noch ondersteunen browsers het.
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Alle | 3.1 | Alle | 9 | 9 | Alle | Alle |