label本身不支持disabled属性，浏览器直接忽略；真正需禁用的是其for关联的input等原生表单控件，label仅可通过CSS（如color、cursor、text-align）模拟禁用视觉效果。
label 元素本身没有 disabled 属性，也不能被原生禁用——它不是表单控件，只是语义化标注。所以“禁用状态的 label”这个说法在 HTML 规范里不成立。
为什么 label 不能加 disabled？
浏览器忽略 label[disabled]，因为 label 不在可禁用元素列表中（只有 button、input、select、textarea、optgroup、fieldset 等才支持 disabled）。强行加了也没效果，DevTools 里也看不到属性被识别。
常见错误现象包括：
- 写了
<label disabled>用户名</label>，但文字照常可点击、可选中、样式无变化 - 想靠它阻止用户交互，结果
for关联的input仍能聚焦或编辑 - 用 JS 检查
label.disabled返回undefined
想让 label “看起来不可用 + 居中”，该怎么做？
你真正需要的是：视觉上灰掉 + 居中对齐 + 失去交互能力。这得拆成两步处理——禁用逻辑交给关联的表单控件，样式和布局由 label 自己控制。
立即学习“前端免费学习笔记（深入）”；
- 确保对应的
input（或其他控件）已设disabled，这样语义和功能才真正禁用 - 给
label加一个自定义类（如label--disabled），用于控制视觉和居中 - 居中用 CSS 实现，不依赖
label是否“禁用”——它本来就是普通块级/行内元素
示例：
<label class="label--disabled" for="username">用户名</label> <input id="username" disabled>
CSS：
.label--disabled {
color: #999;
cursor: not-allowed;
text-align: center;
}
/* 如果 label 是 inline，默认不响应 text-align，需先设 display */
label.label--disabled {
display: block;
margin: 0 auto;
width: fit-content; /* 或指定宽度，如 200px */
}
label 居中本身有哪些可靠方式？
居中是独立问题，和“是否禁用”无关。关键看父容器和 label 自身的 display 行为：
- 若
label是行内元素（默认），父容器用text-align: center即可水平居中其内容 - 若要整个
label块级居中（比如带背景、边框），需设display: block+width+margin: 0 auto - 更通用的方案：父容器用
display: flex+justify-content: center，label无需额外设置 - 避免用
<center></center>标签——HTML5 已废弃，且无法配合禁用态语义
最易被忽略的一点：所谓“禁用 label”本质是视觉模拟，必须同步禁用其关联控件，否则键盘用户仍可通过 Tab 进入、屏幕阅读器仍会朗读并允许操作——仅改样式毫无可访问性保障。
