:enabled, :disabled, :checked

Back to the index.

See also the CSS3 User Interface spec.

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

Test sheet:

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

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

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

Toggle form fields.