all: unset对button或input边框、焦点轮廓无效，因其不重置浏览器UA样式表定义的默认值，仅将非继承属性设为initial，而UA规则优先级更高；真正生效需用all: revert恢复UA默认样式。
all: unset 为什么对
它根本没“清理”这些样式——因为它们来自浏览器 UA 样式表，而 all: unset 不重置 UA 默认值。它只把非继承属性设为 initial（比如 border: initial → none），但 UA 规则如 button { border: 2px outset buttonface; } 优先级高于 all: unset 的层叠结果，实际生效的仍是 UA 值。
-
all: unset不等于“清空所有 CSS 规则”，它不干预浏览器内置样式表的匹配与应用 - 对原生表单元素，UA 样式通常通过元素类型选择器（如
input[type="text"]）定义，权重高、范围窄，all: unset无法覆盖 - 真正被重置的是你手动加的样式（比如父级传下来的
color、font-family），不是 UA 自带的交互行为支撑项
为什么加了 all: unset 后
因为 all: unset 把 user-select 设为 initial（即 text），看起来该可选；但它同时把 cursor、outline、border 全设为 initial，导致：
-
outline: initial→0，键盘聚焦不可见 -
border: initial→none，视觉上像“消失”，用户误判为失活 -
user-select虽未失效，但因缺乏视觉反馈，用户不会尝试拖选
这不是 bug，是 all: unset 按规范执行的结果：它不保功能，只保语义重置。
IE 和旧版 WebView 中 all: unset 完全不生效的原因
IE（含 IE11）根本不解析 all 属性，遇到 all: unset 整条 CSS 规则被静默丢弃，连 fallback 都没有。
-
@supports (all: unset)在 IE 中也无效，因为 IE 不支持@supports语法本身 - 即使降级写成
all: initial或all: inherit，IE 一样跳过——all是整个属性名不被识别
想兼容，只能显式重置关键项：
-
margin: 0、padding: 0 -
border: none（不是border: initial，IE 不认） -
font-size: 100%、line-height: normal、color: #000
真正需要“清理表单默认样式”时，该用什么？
优先用 all: revert：它会主动查找并恢复 UA 样式表中对该元素定义的值。
-
恢复默认边框、手型光标、焦点 outline -
恢复 padding、border-radius、focus ring - 父级设了
color: red，all: revert下的文字仍是 UA 默认色（深灰），不继承红色
注意：all: revert 在 Safari 14.1+、Chrome 93+、Firefox 95+ 支持良好，但部分安卓 WebView（尤其 Android 10 及更早）仍不支持。上线前必须查 CanIUse 数据，不能只看桌面端表现。
真正难处理的，从来不是“怎么清”，而是“清完之后，哪些 UA 行为你还得手动兜底”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
