:enabled

概要

:enabled CSS 疑似クラスは全ての使用可能な要素（即ち、disabled 属性がセットされていない要素）にマッチします。

【訳注: disabled 属性が設定された HTML 要素は使用不能となります。例えば textarea にこの論理属性を指定した場合、多くの場合グレーアウトのスタイルが適用され、テキスト入力が不可となり、フォーカスの対象外となります。】

例

閲覧者に対象要素が使用可能あるいは使用不可である旨を伝える意図のスタイル例を以下に示します。

HTML

<textarea></textarea>

<textarea disabled></textarea>

CSS

textarea:enabled {
  background: #FFF;
}

textarea:disabled {
  background: #CCC;
}

実際の表示

仕様

ブラウザ実装状況

関連情報

• :disabled