label 标签本身不支持 disabled 属性，浏览器直接忽略；其 cursor: not-allowed 无效是因为 label 默认无交互能力且 disabled 非合法属性；真正禁用需作用于关联控件（如 input），或手动添加 class 实现视觉降级。
label 标签本身不能被禁用，加 disabled 属性完全无效 —— 浏览器直接忽略，既不改变行为，也不触发任何禁用样式。
为什么给 label 加 cursor: not-allowed 有时没反应？
因为 label 默认是内联元素，且没有交互能力（它不提交、不聚焦、不触发表单逻辑），浏览器不会主动为其添加禁用态的光标响应。即使你写了 label[disabled] { cursor: not-allowed; }，这个选择器根本匹配不到任何真实状态，disabled 在 label 上不是合法布尔属性。
-
label不在 HTML 规范支持disabled的元素列表中（仅input、button、select、textarea、fieldset等有效） - 就算用 JS 强行设置
label.disabled = true，DOM 属性存在，但渲染层和可访问性层都不识别该状态 - 部分 CSS 预处理器或框架会把
label当作“容器”处理，意外继承了父级cursor: default，覆盖你的声明
想让 label “看起来不可点”，该怎么做？
真正要禁用的是它关联的控件（比如 input），而不是 label 本身。label 的作用是扩展点击热区，它的“禁用”必须通过控制目标控件来实现。
- 给关联的
input（或select、checkbox）加上disabled属性：它会让整个 label 区域失去焦点能力，且多数浏览器会顺带把 label 渲染为灰化 +not-allowed光标（非强制，但常见） - 如果必须仅视觉降级（比如 label 指向一个暂不可操作的区域），手动加 class：
<label class="label--disabled">用户名</label>，再配 CSS：.label--disabled { cursor: not-allowed; opacity: 0.6; } - 注意：这种纯视觉方案不阻止用户点击 —— 若 label 的
for指向一个未禁用的input，点击仍会聚焦并激活它
label 和 for 关系被破坏时的光标异常
当 label 的 for 属性值与目标控件的 id 不匹配，或目标控件不存在时，label 退化为普通内联文本，此时 cursor 完全由其 display 行为和父容器决定，和“禁用”无关。
- 调试时先检查控制台是否报 “
labelfor attribute references non-existent element” 类警告 - 用 DevTools 选中
label，看 computed 样式里cursor是从哪条规则继承来的（常来自body或重置 CSS） - 若 label 内含
span或图标，它们可能显式设置了cursor: pointer，优先级高于 label 自身声明
label 的光标问题从来不是独立样式问题，而是语义链断裂或误用禁用机制的信号。别试图“禁用 label”，去禁用它真正该绑定的那个控件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
