La :enabledpseudoclase en CSS selecciona elementos enfocables que no están deshabilitados y, por lo tanto, habilitados. Sólo se asocia con los elementos de formulario ( , , ). Los elementos habilitados incluyen aquellos en los que puede seleccionar, en los que puede ingresar datos o en los que puede enfocarse o hacer clic.
Entonces, cuando una casilla de verificación está marcada y está apuntando a la etiqueta inmediatamente después:
input:enabled + label ( color: #333; font-style: italic; )El texto de la etiqueta será gris oscuro y en cursiva si la casilla de verificación está habilitada, lo que significa que el usuario puede activarla y desactivarla.
En teoría, :enableddebería coincidir con un , , o con href atributos, pero los navegadores no parecen manejar ese escenario. Puede estilo , , , , y s que no son discapacitados. Cuando se admite, también deberíamos poder orientar y
También pensaría que los elementos con atributos contenteditable y tabindexse podrían seleccionar con la :enabled pseudoclase. La especificación no establece esto, ni los navegadores lo admiten.
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Todos | 3.1 | Todos | 9 | 9 | Todos | Todos |