:indeterminate

概要

:indeterminate CSS 疑似クラスは JavaScript によって indeterminate DOM 属性が true に設定されている <input type="checkbox"> 要素にマッチします。さらに、一部のブラウザでは indeterminate 状態の <progress> 要素へのマッチに使えます。

W3C CSS3 Selectors test#177

<style>
input, span { background: red }
:indeterminate, :indeterminate + span { background: limegreen }
</style>

<p><input type=checkbox> <span>Everything in this paragraph should have a green background.</span></p>

<script> document.getElementsByTagName("input")[0].indeterminate = true; </script> 

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard Living Standard 変更無し
HTML5 勧告候補 HTML と 制約バリデーションに関して意味論の定義
Selectors Level 4 草案 変更無し
CSS Basic User Interface Module Level 3 草案 擬似クラスを定義。意味論との関連付けは無し。

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
type="checkbox" (有) 3.6 (1.9.2) 9.0 10.60 (2.6) 3.0
<progress> ? 6.0 (6.0) ? ? ?
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
type="checkbox" ? 1.0 (1.9.2) ? ? ?
<progress> ? 6.0 (6.0) ? ? ?

関連情報

Document Tags and Contributors

Contributors to this page: Level, sosleepy, ethertank
最終更新者: ethertank,
サイドバーを隠す