Definition and Usage
The :indeterminate CSS pseudo-class represents any <input type="checkbox"> element whose indeterminate DOM property is set to true by JavaScript. In addition, in some browsers, it can be used to match to <progress> elements in an indeterminate state.
Examples
<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>
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|
type="checkbox" | (Yes) | 3.6 (1.9.2) | 9.0 | 10.60 (2.6) | 3.0 |
<progress> | 6.0 | 6.0 (6.0) | 10 | NA | 5.2 |
Mobile browsers
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|
type="checkbox" | NA | 1.0 (1.9.2) | NA | NA | NA |
<progress> | NA | 6.0 (6.0) | NA | NA | NA |