Pseudo-clase :enabled de CSS

Definición y uso

CSS :enabled Los pseudo-clases se utilizan para seleccionar y establecer estilos para cualquier elemento habilitado (principalmente para elementos de formulario).

Consejo::disabled Los pseudo-clases se utilizan para seleccionar y establecer estilos para cualquier elemento deshabilitado (principalmente para elementos de formulario).

Ejemplo

Establece un color de fondo gris claro para todos los elementos <input> deshabilitados y un color de fondo amarillo para todos los elementos <input> habilitados:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

Prueba personalmente

Sintaxis CSS

:enabled {
  declaraciones css;
}

Detalles técnicos

Versión: CSS3

Compatibilidad del navegador

El número en la tabla especifica la versión del navegador que primero admite el pseudo-clase completamente.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Páginas relacionadas

Referencia:Pseudo-clase :disabled de CSS