CSS :indeterminate パseudoクラス

定義と使用方法

CSS :indeterminate パseudoクラスは、不確定な状態にあるどんなフォーム要素を選択するためのものです。

このパseudoクラスは以下の要素にのみ使用できます：

• <input type="checkbox"> 要素。indeterminate 属性を true に設定するには、JavaScriptを使用する必要があります
• <input type="radio"> 要素は、フォーム内で同じ name 値を持つすべてのラジオボタンが選択されていない場合に使用されます
• 不確定な状態にある <progress> 要素

例

フォーム要素の不確定な状態に赤い影を追加する：

input:indeterminate {
  box-shadow: 0 0 5px 3px red;
}

実際に試してみてください

CSS文法

:indeterminate {
  css宣言;
}

技術的詳細

ブラウザのサポート

テーブルの数字は、そのパseudoクラスを完全にサポートする最初のブラウザのバージョンを指定しています。