:indeterminate CSS pseudo-class
:indeterminate CSS pseudo-class
The :indeterminate
pseudo-class matches indeterminate checkboxes, indeterminate <progress>
bars, and radio buttons with no checked button in their radio button group.
Spec | https://drafts.csswg.org/selectors-4/#indeterminate |
---|---|
Status | Unofficial / Note |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
57 | 62 | ||||
56 | 61 | TP | 48 | ||
16 (1) | 55 | 60 | 11 | 47 | |
11 (1) | 15 (1) | 54 | 59 | 10.1 | 46 |
10 (1) | 14 (1) | 53 | 58 | 10 (1) | 45 |
9 (1,2) | 13 (1) | 52 | 57 | 9.1 (1) | 44 |
8 | 12 (1) | 51 | 56 | 9 (1) | 43 |
Show all | |||||
7 | 50 (1) | 55 | 8 (1) | 42 | |
6 | 49 (1) | 54 | 7.1 (1) | 41 | |
5.5 | 48 (1) | 53 | 7 (1) | 40 | |
47 (1) | 52 | 6.1 (1) | 39 | ||
46 (1) | 51 | 6 | 38 | ||
45 (1) | 50 | 5.1 (1,2) | 37 | ||
44 (1) | 49 | 5 | 36 | ||
43 (1) | 48 | 4 | 35 | ||
42 (1) | 47 | 3.2 | 34 | ||
41 (1) | 46 | 3.1 | 33 | ||
40 (1) | 45 | 32 | |||
39 (1) | 44 | 31 | |||
38 (1) | 43 | 30 | |||
37 (1) | 42 | 29 | |||
36 (1) | 41 | 28 | |||
35 (1) | 40 | 27 | |||
34 (1) | 39 | 26 | |||
33 (1) | 38 (1) | 25 (1) | |||
32 (1) | 37 (1) | 24 (1) | |||
31 (1) | 36 (1) | 23 (1) | |||
30 (1) | 35 (1) | 22 (1) | |||
29 (1) | 34 (1) | 21 (1) | |||
28 (1) | 33 (1) | 20 (1) | |||
27 (1) | 32 (1) | 19 (1) | |||
26 (1) | 31 (1) | 18 (1) | |||
25 (1) | 30 (1) | 17 (1) | |||
24 (1) | 29 (1) | 16 (1) | |||
23 (1) | 28 (1) | 15 (1) | |||
22 (1) | 27 (1) | 12.1 (3) | |||
21 (1) | 26 (1) | 12 (3) | |||
20 (1) | 25 (1) | 11.6 (3) | |||
19 (1) | 24 (1) | 11.5 | |||
18 (1) | 23 (1) | 11.1 | |||
17 (1) | 22 (1) | 11 | |||
16 (1) | 21 (1) | 10.6 | |||
15 (1) | 20 (1) | 10.5 | |||
14 (1) | 19 (1) | 10.0-10.1 | |||
13 (1) | 18 (1) | 9.5-9.6 | |||
12 (1) | 17 (1) | 9 | |||
11 (1) | 16 (1) | ||||
10 (1) | 15 (1) | ||||
9 (1) | 14 | ||||
8 (1) | 13 | ||||
7 (1) | 12 | ||||
6 (1) | 11 | ||||
5 (1,2) | 10 | ||||
4 (1,2) | 9 | ||||
3.6 | 8 | ||||
3.5 | 7 | ||||
3 | 6 | ||||
2 | 5 | ||||
4 |
iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|
11 | |||||||||||
10.3 | all (3) | 56 | 10 (1) | 37 | 59 | 54 (1) | 11 (1) | 11.4 | 5 | 1.2 | 7.12 |
10.0-10.2 (1) | 4.4.3-4.4.4 | 7 | 12.1 (3) | 10 (1) | 4 | ||||||
9.3 (1) | 4.4 (1) | 12 | |||||||||
9.0-9.2 (1) | 4.2-4.3 (1,2) | 11.5 | |||||||||
Show all | |||||||||||
8.1-8.4 (1) | 4.1 (1,2) | 11.1 | |||||||||
8 (1) | 4 (1,2) | 11 | |||||||||
7.0-7.1 (1) | 3 | 10 | |||||||||
6.0-6.1 | 2.3 | ||||||||||
5.0-5.1 | 2.2 | ||||||||||
4.2-4.3 | 2.1 | ||||||||||
4.0-4.1 | |||||||||||
3.2 |
Notes
Doesn't match radio buttons whose radio button group lacks a checked radio button
Doesn't support the
<progress>
elementDoesn't match indeterminate
<progress>
bars
Resources
- HTML specification for `:indeterminate`
- Mozilla Developer Network (MDN) documentation - CSS :indeterminate
- EdgeHTML issue 7124038 - `:indeterminate` pseudo-class doesn't match radio buttons
- Mozilla Bug 885359 - Radio groups without a selected radio button should have `:indeterminate` applying
- WebKit Bug 156270 - `:indeterminate` pseudo-class should match radios whose group has no checked radio
- JS Bin testcase
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-indeterminate-pseudo