Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Your Search Results

    :enabled

    概要

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

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

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

    HTML

    <textarea></textarea>
    
    <textarea disabled></textarea>

    CSS

    textarea:enabled {
      background: #FFF;
    }
    
    textarea:disabled {
      background: #CCC;
    }

    実際の表示

    仕様

    仕様書 策定状況 コメント
    WHATWG HTML Living Standard Living Standard 変更無し
    HTML5 勧告候補 HTML 及びフォームに関するセマンティックが定義された
    Selectors Level 4 草案 変更無し
    CSS Basic User Interface Module Level 3 草案 Selectors Level 3 へのリンクが追加された
    Selectors Level 3 勧告 疑似クラスが定義された(セマンティクスとの関連付けはここでは行われていない)

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 1.0 1.0 (1.7 or earlier) 9.0 9.0 3.1
    機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート 2.1 1.0 (1) 9.0 9.5 3.1

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page: ethertank
    最終更新者: ethertank,
    サイドバーを隠す