CSS | :selector habilitado

El selector :habilitado se usa para establecer el color de fondo en el elemento habilitado en un formulario.

Sintaxis:

:enabled {
  //property
}

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <style>
        input[type=text]:enabled {
            background: limegreen;
        }
          
        input[type=text]:disabled {
            background: silver;
        }
    </style>
</head>
  
<body>
  
    <form action="">
        Name:
        <input type="text" value="Dharamenda">
        <br>
        <!--enabled-->
  
        User ID:
        <input type="text" disabled="disabled" value="@dharam">
        <br>
        <button type="button">Submit</button>
    </form>
  
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome 4.0
  • Borde 9.0
  • Firefox 3.5
  • Safari 3.2
  • Ópera 9.6
  • Publicación traducida automáticamente

    Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *