CSS :indeterminate 选择器
实例
为不确定状态的 input 添加红色阴影色：
<!DOCTYPE html><html><head><style>input:indeterminate {box-shadow: 0 0 1px 1px red;}</style></head><body><h2>indeterminate 选择器</h2><p>下面的复选框处于不确定状态（通过 JavaScript）。如果单击它，它的状态将变为“已选中”，并失去其红色阴影颜色，因为它不再是不确定的。</p><p>请注意，不确定的复选框拥有“-”图标，而不是复选标记或空白框。</p><input type="checkbox" id="myCheckbox"> 复选框<script>// 通过 JavaScript 使复选框处于不确定状态var checkbox = document.getElementById("myCheckbox");checkbox.indeterminate = true;</script></body></html>
定义和用法
:indeterminate 选择器用于选择处于不确定状态的表单元素。
:indeterminate 选择器只能用于以下元素：
- <input type="checkbox">
- <input type="radio">
- <progress>
注释：通过 HTML，Checkboxes 无法处于不确定状态 - 它是 checkbox 对象的属性，可由 JavaScript 设置为 true。
如果表单中有相同值的所有单选按钮都未被选中，那么按钮按钮处于不确定状态。
| 版本： | CSS3 |
|---|
浏览器支持
表格中的数字注明了完全支持该选择器的首个浏览器版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| :indeterminate | 39.0 | Yes | 51.0 | Yes | Yes |
CSS 语法
:indeterminate {css declarations;}