:enabled

Sumari

La  pseudo-classe CSS :enabled representa qualsevol element habilitat. Un element està habilitat si pot ser activat (per exemple seleccionat, fent clic en o acceptar l'entrada de text) o acceptar el focus. L'element també té un estat deshabilitat, en el qual no es pot activar o acceptar el focus.

Sintaxi

:enabled { style properties }

Exemple

A continuació farà que el color del text sigui d'un to verd mitjà quan estigui habilitat, i un to gris quan estigui deshabilitat. Això permet la retroalimentació a l'usuari de quins són els elements interactuables o no.

    <form action="url_of_form">
      <label for="FirstField">First field (enabled):</label> <input type="text" id="FirstField" value="Lorem"><br />
      <label for="SecondField">Second field (disabled):</label> <input type="text" id="SecondField" value="Ipsum" disabled="disabled"><br />
      <input type="button" value="Submit" />
    </form>
  

input:enabled {
  color: #22AA22;
}
input:disabled {
  color: #D9D9D9;
}
  

Especificacions

Navegadors compatibles

Veure

• :disabled