CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性完全指南

CSS3 :disabled セレクタ

:disabled は、どの要素も無効であることを示すCSSのパーサークラスです。要素がアクティブ化（例えば、選択、クリック、テキストの入力）やフォーカスを取得できない場合、要素は無効状態になります。要素には有効状態（enabled state）もあります。この状態では、要素がアクティブ化またはフォーカスを取得できます。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

すべてのtype="text"の無効な入力要素の背景色を設定：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>　
<style>　
input[type="text"]:enabled
{
　　　　background:yellow;
}
input[type="text"]:disabled
{
　　　　background:#dddddd;
}
</style>
</head>
<body>
<form　action="">
名前: <input type="text" value="Mouse">　/><br>
地域: <input type="text" disabled="disabled" value="Disneyland">　/><br>
</form>
</body>
</html>

テストして見て‹/›

定義と使用法

:disabled セレクタは、すべての無効な要素（主にフォーム要素）にマッチします。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザバージョン番号を示します。

セレクタ
:disabled	4.0	9.0	3.5	3.2	9.6

オンラインサンプル

すべての無効な入力要素に背景色を設定します：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>　
<style>　
input:enabled
{
　　　　background:yellow;
}
input:disabled
{
　　　　background:#dddddd;
}
</style>
</head>
<body>
<form　action="">
名:　<input　type="text"　value="Mickey"　/><br>
姓:　<input　type="text"　value="Mouse"　/><br>
国:　<input　type="text"　disabled="disabled"　value="Disneyland"　/><br>
パスワード:　<input　type="password"　name="password"　/>
<input　type="radio"　value="male"　name="gender"　/>　男性<br>
<input　type="radio"　value="female"　name="gender"　/>　女性<br>
<input　type="checkbox"　value="Bike"　/>　I　have　a　bike<br>
<input　type="checkbox"　value="Car"　/>　I　have　a　car　
</form>
</body>
</html>

テストして見て‹/›

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択器全書