:enabled

pseudo-classe CSS  :enabled representa qualquer elemento ativado. Um elemento é ativado se puder ser ativado (selecionado, clicado, digitado etc.) ou aceitar o foco. O elemento também possui um estado desativado, no qual não pode ser ativado nem aceitar foco.

/* Seleciona qualquer <input> ativado */
input:enabled {
  color: blue;
}

Sintaxe

:enabled

Exemplo

O exemplo a seguir torna a cor do texto e do botão <input> verde quando ativada e cinza quando desativada. Isso ajuda o usuário a entender quais elementos podem ser interagidos..

HTML

<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>

CSS

input:enabled {
  color: #2b2;
}

input:disabled {
  color: #aaa;
}

Result

Specifications

Specification Status Comment
HTML Living Standard
The definition of ':enabled' in that specification.
Padrão em tempo real No change.
HTML5
The definition of ':enabled' in that specification.
Recomendação Defines the semantics for HTML and forms.
Selectors Level 4
The definition of ':enabled' in that specification.
Rascunho atual No change.
CSS Basic User Interface Module Level 3
The definition of ':enabled' in that specification.
Recomendação Links to Selectors Level 3.
Selectors Level 3
The definition of ':enabled' in that specification.
Recomendação Defines the pseudo-class, but not the associated semantics.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
:enabledChrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 9Opera Full support 9Safari Full support 3.1WebView Android Full support 2Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 3.1Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also