CSS3 - :enabled, :disabled, :checked

:enabled, :disabled, :checked

Back to the index.

There are several pseudo-classes that are used to style the various states of form elements. This page tests some of them.

:enabled selects enabled (normal) form fields
:disabled selects disabled form fields (disabled=true)
:checked selects form fields that are checked (in practice only checkboxes and radio buttons).

Test sheet:

:enabled {
	border: 2px solid #00882D;
}

:disabled {
	border: 2px solid #CB000F;
}

:checked {
	display: inline-block;
	width: 3em;
}