Nasi wolontariusze nie przetłumaczyli jeszcze tego artykułu na język Polski. Dołącz do nas i pomóż go przetłumaczyć!
Można także przeczytać artykuł w języku: English (US).

The :enabled CSS pseudo-class represents any enabled element. An element is enabled if it can be activated (selected, clicked on, typed into, etc.) or accept focus. The element also has a disabled state, in which it can't be activated or accept focus.

/* Selects any enabled <input> */
input:enabled {
  color: blue;




The following example makes the color of text and button <input>s green when enabled, and gray when disabled. This helps the user understand which elements can be interacted with.


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


input:enabled {
  color: #2b2;

input:disabled {
  color: #aaa;



Specification Status Comment
HTML Living Standard
The definition of ':enabled' in that specification.
Living Standard No change.
The definition of ':enabled' in that specification.
Recommendation Defines the semantics for HTML and forms.
Selectors Level 4
The definition of ':enabled' in that specification.
Working Draft No change.
CSS Basic User Interface Module Level 3
The definition of ':enabled' in that specification.
Recommendation Links to Selectors Level 3.
Selectors Level 3
The definition of ':enabled' in that specification.
Recommendation Defines the pseudo-class, but not the associated semantics.

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support 1Edge Full support YesFirefox Full support 1IE Full support 9Opera Full support 9Safari Full support 3.1WebView Android Full support 2Chrome Android ? Edge Mobile Full support YesFirefox Android Full support 4Opera Android Full support 9.5Safari iOS Full support 3.1Samsung Internet Android ?


Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also

Autorzy i etykiety dokumentu

Ostatnia aktualizacja: fscholz,