x
 
<!DOCTYPE html>
<html>
<head>
<style> 
input:indeterminate {
  box-shadow: 0 0 1px 1px red;
}
</style>
</head>
<body>
<h1>indeterminate 选择器</h1>
<p>下面的复选框处于不确定状态(通过 JavaScript)。如果单击它,它的状态将变为“已选中”,并失去其红色阴影颜色,因为它不再是不确定的。</p>
<p>请注意,不确定的复选框拥有“-”图标,而不是复选标记或空白框。</p>
<input type="checkbox" id="myCheckbox"> 复选框
<script>
// 通过 JavaScript 使复选框处于不确定状态
var checkbox = document.getElementById("myCheckbox");
checkbox.indeterminate = true;
</script>
</body>
</html>