:enabledPseudo-clasa de elemente focalizabil CSS Selects care nu sunt dezactivate, și , prin urmare , activat. Acesta este asociat numai cu elemente de formă ( , , ). Elementele activate includ elemente în care puteți selecta, în care puteți introduce date sau pe care vă puteți concentra sau faceți clic.
Deci, atunci când este bifată o casetă de selectare și vizați eticheta imediat după aceasta:
input:enabled + label ( color: #333; font-style: italic; )Textul etichetei va deveni gri închis și cursiv dacă caseta de selectare este activată, ceea ce înseamnă că utilizatorul îl poate activa sau dezactiva.
În teorie, :enabledar trebui să se potrivească cu un atribut , sau cu acesta href, dar browserele nu par să gestioneze acest scenariu. Puteți stil , , , , și s care nu sunt dezactivate. Când este acceptat, ar trebui să putem, de asemenea, să vizăm și
De asemenea, ați crede că elementele cu contenteditable și tabindex atribute ar putea fi selectate cu :enabled pseudo-clasa. Specificația nu menționează acest lucru și nici browserele nu o acceptă.
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Toate | 3.1 | Toate | 9 | 9 | Toate | Toate |