La :enabledpseudo-classe in CSS seleziona elementi attivabili che non sono disabilitati e quindi abilitati. Esso è associato solo con i form ( , , ). Gli elementi abilitati includono quelli che puoi selezionare, in cui puoi inserire dati o su cui puoi concentrarti o fare clic.
Quindi, quando una casella di controllo è selezionata e stai targetizzando l'etichetta immediatamente dopo di essa:
input:enabled + label ( color: #333; font-style: italic; )Il testo dell'etichetta sarà grigio scuro e corsivo se la casella di controllo è abilitata, il che significa che l'utente può attivarla e disattivarla.
In teoria, :enableddovrebbe corrispondere a , , o con href attributi, ma i browser non sembrano gestire quello scenario. È possibile lo stile , , , , e s che non sono disabilitati. Quando è supportato, dovremmo anche essere in grado di indirizzare e
Potresti anche pensare che gli elementi con attributi contenteditable e tabindexsiano selezionabili con la :enabled pseudo-classe. La specifica non lo afferma, né i browser lo supportano.
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Tutti | 3.1 | Tutti | 9 | 9 | Tutti | Tutti |