结论：link标签不支持disabled HTML属性，该属性在HTML中无效且被浏览器忽略；但其DOM对象存在disabled布尔属性，仅对rel="stylesheet"生效，用于JS动态启停样式表。
link 标签根本没有 disabled 属性
直接说结论：disabled 不是 link 标签的合法 HTML 属性，浏览器会忽略它，也不会产生任何禁用效果。你看到某些代码里写了 <link disabled> 或 <link disabled="true">，那只是无效的自定义写法，不是标准行为。
真正控制样式表启用/禁用靠的是 disabled DOM 属性
虽然 HTML 属性层面不支持 disabled，但 link 元素对应的 DOM 对象确实有一个可读写的 disabled 属性（布尔值），它只影响 rel="stylesheet" 的链接——这是唯一被浏览器识别为“可切换样式表”的场景。
- 设为
true：该样式表立即停止生效，等同于被移除（但 DOM 节点还在） - 设为
false：样式表重新载入并应用（如果 href 有效） - 这个属性只在 JS 中操作有效：
document.getElementById('theme-dark').disabled = true - 不能靠写 HTML 属性来初始化禁用状态，比如
<link disabled rel="stylesheet" href="dark.css">—— 这个disabled属性会被解析，但不会触发 DOM 的disabled值，样式依然加载
为什么有人误以为 link 支持 disabled 属性
常见混淆来源有三个：
- 把
button/input的disabled逻辑套用到link上，但语义和实现完全不同 - 看到别人用 JS 动态设置
link.disabled = true，反向推导出 HTML 也该支持，其实那是 DOM 属性，不是 HTML 属性 - 某些构建工具或框架（如 Vite 插件、CSS-in-JS 方案）会在运行时注入自定义属性用于标记，但那和原生 HTML 规范无关
切换主题时必须注意的坑
用 disabled 切换多个 link 样式表看似简单，但有几个硬性限制：
立即学习“前端免费学习笔记（深入）”；
- 所有目标
link必须有rel="stylesheet"，否则disabled属性不起作用（比如rel="preload"或rel="icon"） - 浏览器不会保证禁用/启用顺序，如果多个样式表有规则冲突，最终生效取决于 CSS cascade 和加载时机，不是单纯看谁
disabled = false -
disabled状态不会持久化：刷新页面后全部恢复初始状态，得配合 localStorage + 初始化逻辑 - IE 和旧版 Safari 对
link.disabled支持不稳定，需降级 fallback（比如手动remove()/appendChild()）
最易被忽略的一点：禁用一个 link 不会自动清理它已注入的 CSS 规则——如果样式表里用了 @import 或动态插入了 <style>，那些规则仍留在 document.styleSheets 里，可能造成意外交互。
