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; }
Syntax
:enabled
Example
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.
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. |
Living Standard | No change. |
HTML5 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. |
Candidate 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
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 9.0 | 9.0 | 3.1 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 2.1 | (Yes) | 1.0 (1) | 9.0 | 9.5 | 3.1 |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
mfluehr,
chrisdavidmills,
Kujirah,
erikadoyle,
Sebastianz,
fscholz,
julienw,
jsx,
MusikAnimal,
kscarfone,
FredB,
Sheppy,
wlach,
jswisher,
ronj,
teoli,
tw2113,
brianloveswords,
McGurk,
BijuGC
Last updated by:
mfluehr,