El :disabledselector de pseudoclase proporciona un estilo condicional a los elementos HTML que pueden recibir la entrada del usuario, cuando los elementos tienen el disabledatributo. Se define en la especificación CSS Selectors Level 3 como una “pseudoclase de estado de elemento de UI”, lo que significa que se utiliza para diseñar contenido en función de la interacción del usuario con un elemento de entrada.
Elementos que pueden recibir el disabledatributo incluyen , , , , y . Hay dos sintaxis válidas para establecer este atributo: disabled="disabled"o (en HTML5) simplemente la disabledpalabra clave booleana. Un elemento está deshabilitado si no se puede activar (por ejemplo, seleccionar, hacer clic en o aceptar entrada de texto) o aceptar el enfoque.
Se puede diseñar un elemento de este tipo utilizando el :disabledselector de pseudo-clases:
Puntos de interés
:disabledse puede "encadenar" con otros pseudo-selectores: me gusta:beforeo:afterpara generar iconos o texto para proporcionar más comentarios al usuario.- Cualquier propiedad que se pueda animar con transiciones o animaciones CSS se animará correctamente cuando el
disabledatributo se agregue o elimine del elemento HTML.
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| Todos | 3.1 | Todos | 9 | 9 | Todos | Todos |