MDN’s new design is in Beta! A sneak peek:

:indeterminate Redirect 1


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.


input, span { background: red }
:indeterminate, :indeterminate + span { background: limegreen }
<input type=checkbox> <span>Le contenu de ce paragraphe doit avoir une couleur de fond verte.</span>
document.getElementsByTagName("input")[0].indeterminate = true;


Specification Status Comment
WHATWG HTML Living Standard Living Standard No change.
HTML5 Candidate Recommendation Defines the semantic regarding HTML and constraint validation.
Selectors Level 4 Working Draft No change.
CSS Basic User Interface Module Level 3 Working Draft Defines the pseudo-class, but not the associated semantic.

Browser compatibility

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 ? 5.2
Feature 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

 Last updated by: Sheppy,