CSS3 :disabled パseudoクラス

定義と使用方法

CSS :disabled パseudoクラスは、どの無効な要素のスタイルを選択し設定するために使用されます（主にフォーム要素に使用されます）。

ヒント：:enabled パseudoクラスは、どの有効な要素のスタイルを選択し設定するために使用されます（主にフォーム要素に使用されます）。

例

例1

すべての無効な<input>要素に薄い灰色の背景色を設定し、すべての有効な<input>要素に黄色の背景色を設定します：

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

自分で試してみてください

例2

すべての無効な<option>要素に背景色を設定します：

option:disabled {
  background-color: lightgray;
}

自分で試してみてください

CSS文法

:disabled {
  css宣言;
}

技術的詳細

ブラウザのサポート

テーブルに記載された数字は、そのパseudoクラスを完全にサポートする最初のブラウザのバージョンを指定しています。

相关页面

参考：CSS :enabled 伪类