CSS3 :disabled pseudo-class

Definition and usage

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

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

Example

Example 1

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

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

Try it yourself

Example 2

Set the background color for all disabled <option> elements:

option:disabled {
  background-color: lightgray;
}

Try it yourself

CSS syntax

:disabled {
  css declarations;
}

Technical details

Browser support

The numbers in the table specify the first browser version to fully support the pseudo-class.

Páginas relacionadas

Referencia:Pseudoclase :enabled de CSS