:indeterminate伪类必须用javascript设置，因其仅为状态匹配器，不触发半选；html中indeterminate属性被忽略，checked与indeterminate正交独立；样式生效需appearance: none配合伪元素重绘，并同步aria-checked="mixed"保障无障碍。
为什么:indeterminate伪类必须用 JavaScript 设置？
因为:indeterminate不是“开关”，而是“状态探测器”：它只匹配 DOM 元素上indeterminate这个 JS 属性为true的原生<input type="checkbox">，浏览器不解析 HTML 中的indeterminate属性，也不根据子项勾选数自动推导。
常见错误包括：
- 在 HTML 里写
<input type="checkbox" indeterminate>或indeterminate="true"——浏览器直接忽略，DOM 上indeterminate值仍是false - 只写 CSS：
input:indeterminate { background: red; }——样式存在，但元素没进indeterminate状态，选择器不匹配，自然无效 - 监听
change事件后读e.target.checked就以为能反推父级状态——indeterminate不会被用户点击自动设上，必须显式赋值
indeterminate = true和checked到底什么关系？
两者完全正交。设置checkbox.indeterminate = true时，checkbox.checked保持原值（true或false都不变），但视觉上原生勾选图标会消失，显示系统半选图形（横杠/方块）。
这意味着：
Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。 当用户需要：(1) 编写或审查Java代码 (2) 检查命名/代码规范 (3) 处理异常和日志 (4) 编写单元测试 (5) 安全编码 (6) 数据库设...
- 你可以有
checked = false且indeterminate = true（最常用，语义清晰：未全选但部分已选） - 也可以有
checked = true且indeterminate = true（罕见，但合法；点击后indeterminate自动变false，checked翻转为false） - 用户点击一个
indeterminate = true的复选框，indeterminate会立刻变为false，checked按常规逻辑切换——这个行为不可拦截或阻止
为什么写了input:indeterminate样式却看不到效果？
根本原因不是选择器错，而是你在跟操作系统控件“硬刚”：原生复选框的半选图形（比如 Windows 的灰色方块、macOS 的中间横杠）由浏览器 UA 样式私有渲染，background-color、border、color对它完全无效。
要让自定义样式生效，必须走通这三步链：
- 先用
input[type="checkbox"] { appearance: none; }干掉原生渲染 - 再用
input:indeterminate::before或input:indeterminate::after绘制你想要的图形（比如短横线、小方块） - 若用
label包裹input，且input设了hidden或position: absolute，样式要挂到label上，并用input:indeterminate + label::before这类兄弟选择器控制
父子复选框联动时最容易漏哪一步？
每次子项变更后，除了计算勾选数量并设parent.indeterminate = true，**必须同步清除旧状态**：如果之前是indeterminate = true，而这次子项全勾了，你只设parent.checked = true，却不设parent.indeterminate = false，父项就会卡死在半选态，再也点不动。
更隐蔽的问题是：
- 没同步
aria-checked="mixed"，屏幕阅读器读不出“半选”，无障碍失败 - 在框架组件（如 Ant Design、Element Plus）里，
input被封装在深层 DOM 中，input:indeterminate选择器可能因优先级不够被覆盖，得用.el-checkbox__inner input:indeterminate这类精确路径 - Safari 对
::-webkit-checkbox伪元素支持不稳定，建议统一用appearance: none+::before方案，避免跨浏览器差异
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
