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

2018-06-02 css-reference

ページコンテンツ

▼:indeterminate 疑似クラス CSS プロパティとは
▼疑似クラスセレクター :indeterminate
▼実例コード 1
▼JavaScriptコード：例
▼構文
▼サポートするデスクトップブラウザ対応・互換性
▼サポートするモバイルブラウザ対応・互換性

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

トピック：中間の状態にあるフォームの要素のすべて選択することができる

疑似クラスセレクター `:indeterminate`

実例コード 1

サンプルコードを試す

input:indeterminate {
     background: red;
}
/* 中間の状態にある <input> をすべて選択 */

JavaScriptコード：例

var inputs = document.getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++) {
 inputs[i].indeterminate = true;
}

<input type="checkbox"> 要素で、JavaScript によって indeterminate プロパティが true に設定されている場合
<input type="radio"> 要素で、フォーム内の同じ name の値を持つすべてのラジオボタンが未選択である場合
<progress> 要素で、中間の状態の場合

構文

:indeterminate { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }

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

Property	Desktop 互換性
:indeterminate	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
基本サポート	フルサポート◯あり	フルサポート◯あり	フルサポート◯あり	フルサポート◯あり	フルサポート◯あり	フルサポート◯あり
`type="checkbox"`	不明	フルサポート◯あり	フルサポート◯3.6	フルサポート◯9	フルサポート◯10.6	フルサポート◯3
`type="radio"`	フルサポート◯39	サポートなし✖	フルサポート◯51	サポートなし✖	不明	サポートなし✖
	フルサポート◯6	フルサポート◯あり	フルサポート◯6	フルサポート◯10	不明	フルサポート◯あり

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

Property	Mobile 互換性
:indeterminate	Android	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
基本サポート	不明	不明	フルサポート◯あり	フルサポート◯あり	不明	不明	不明
`type="checkbox"`	不明	不明	フルサポート◯あり	フルサポート◯4	不明	不明	不明
`type="radio"`	フルサポート◯39	不明	サポートなし✖	フルサポート◯51	不明	サポートなし✖	不明
	不明	不明	フルサポート◯あり	フルサポート◯6	不明	不明	不明

：:indeterminate 疑似クラス 関連記事

CSS :indeterminate 疑似クラス| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル — CSS :indeterminate 疑似クラス | CSS プロパティ値| 意味使い方実例 – WebRef

タグ:

#CSS プロパティ
#CSS 疑似クラス