CSS :disabled 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

:disabled 疑似クラス CSS プロパティとは

トピック:無効になった要素(主にフォーム要素で使用される)と一致する、ことができる 無効な要素とは、アクティブ化(選択、クリック、入力など)またはフォーカスを得られない要素。要素は有効な状態を持っています。つまり、要素をアクティブにしたりフォーカスを当てたりすることができる

疑似クラス セレクター :disabled

実例 コード 1

サンプル コードを試す
    input[type="text"]:disabled {
        background: yellow;
    }

CSSコード:例

    /* 無効な <input> を選択 */
    input:disabled{
       background:#ccc;
    }

構文

:disabled { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:disabledChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯9フルサポート◯9フルサポート◯3.1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:disabledAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯2.1 不明フルサポート◯ありフルサポート◯4フルサポート◯9.5フルサポート◯3.1 不明
:disabled 疑似クラス 関連記事
CSS :disabled 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :disabled 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS