擬似クラス indeterminate
擬似クラス indeterminateは、チェックが入っていないなど、
不確定状態にあるトグルスイッチのスタイルを指定します。
構文
セレクタ:indeterminate {
}
例
トグルスイッチが不確定状態にあるとき、 テキストのフォント色を緑色に変えてみましょう:
<form>
<p>
<input type="checkbox">
<span>テキスト</span>
</p>
</form>
input:indeterminate, input:indeterminate + span {
color: green;
}
input, span {
color: black;
}
document.getElementsByTagName('input')[0].indeterminate = true;
:
関連項目
-
擬似クラス
:default,
デフォルトの要素にスタイルを指定します -
擬似クラス
:optional,
required属性がない入力欄にスタイルを指定します -
擬似クラス
:placeholder-shown,
プレースホルダーテキストが表示されている要素にスタイルを指定します -
擬似クラス
:read-only,
変更できない入力欄にスタイルを指定します -
擬似クラス
:required,
required属性が設定されている入力欄にスタイルを指定します -
擬似クラス
:focus-within,
フォーカスされている要素にスタイルを指定します -
プロパティ
caret-color,
入力欄のテキストカーソルの色を指定します
