REDLINE MAGAZINE

このページは　E:enabled　/　E:disabled (UI要素の状態擬似クラス)　のサンプルページです。

有効のinput要素と無効のinput要素で背景色を分ける例。

　有効になってるinput要素です。

　無効になってるinput要素です。

このサンプルのCSS

input{
	background:#cfc; /* 背景色・うすい緑 */
	}
input:disabled{
	background:#ccc; /* 背景色・灰色 */
	}

このサンプルのHTML

<p><input type="text" />　有効になってるinput要素です。</p>
<p><input type="text" disabled="disabled" />　無効になってるinput要素です。</p>