:enabled, :disabled and :checked

Not supported by IE.

The pseudo-classes :enabled, :disabled and :checked are for giving special styles to enabled, disabled or checked HTML elements (mainly form fields).

Test sheet:

:enabled {
	border: 2px solid #6374AB;
}

:disabled {
	border: 2px solid #00cc00;
}

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

Test

Toggle form fields.