【CSSセレクタ】E:enabled

『セレクタ:enabled』で、enabled状態の要素に適用できます。こちらは一般に『状態擬似クラス』と呼ばれます。IE8以下のブラウザでは動きません。enabled状態とはボタンやテキストエリアなどの入力フィールドにおける入力を不可にする『disabled』属性が記述されていない要素です。ちなみに『enabled』という属性は存在しませんので、無効になっている要素を有効にしたい場合は『disabled』属性を丸ごと削除してください。

サンプルコード

input:enabled { color: blue;} /* enabled状態のinput要素を青字にします。 */

ブラウザでの表示結果

input:enabled { color: blue;} /* enabled状態のinput要素を青字にします。 */

<input type="button" value="ここはボタンです。">
<input type="button" value="ここはボタンです。無効にしてます。" disabled>

対応ブラウザ

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

3.1 以降 ○

2 以前 ×

Edge

12 以降 ○

全バージョンで対応しています

IE

11 ○

10 ○

9 ○

8 ×

7 ×

6 ×

Opera

9 以降 ○

8 以前 ×

モバイル

iOS Safari

2 以降 ○

1 以前 ×

Android Browser

2 以降 ○

Chrome Android

最新版 ○

デスクトップ版と同等の対応です

Firefox Android

最新版 ○

デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

トップページへ

Tweet

シェアする