CSS :enabled pseudo-class

Definition and usage

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

Tip::disabled Pseudo-classes are used to select and set the style of any disabled element (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.

Makampuni ya muhimu

Tazama:CSS :disabled hali la kina