CSS :enabled pseudo-class

Definition and usage

CSS :enabled Pseudo-classes are used to select and set the styles of any enabled elements (mainly used for form elements).

Hint::disabled Pseudo-classes are used to select and set the styles of any disabled elements (mainly used for form elements).

Example

Set a light gray background color for all disabled <input> elements and a yellow background color for all enabled <input> elements:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

Try it yourself

CSS syntax

:enabled {
  css declarations;
}

Technical details

Browser support

The numbers in the table specify the first browser version that fully supports this pseudo-class.

Verwandte Seiten

Referenz:CSS :disabled Pseudo-Klasse