Chrome 的 input:-webkit-autofill 黄色背景无法用 background-color 覆盖，因其使用高优先级内阴影层；Safari 不支持该伪类，需分别处理：Chrome 用 -webkit-box-shadow 覆盖并覆盖所有状态，Safari 需语义隔离与色彩空间兜底。
直接结论：Chrome 的 input:-webkit-autofill 黄色背景无法靠 background-color 覆盖，Safari 又不认这个伪类——两者根本不在同一套机制里处理 autofill 样式，必须分头应对，不能共用一套 CSS。
Chrome 中 input:-webkit-autofill 的黄色背景为什么 background-color 无效？
Chrome（及所有 WebKit 内核浏览器）把 autofill 背景实现为一个高优先级的内阴影层，不是普通 background。哪怕你写 background-color: #fff !important，它也视而不见。
- 真正起效的是
-webkit-box-shadow: 0 0 0 1000px #your-bg-color inset !important，用足够大的扩散半径“盖住”黄色底色 - 必须同时覆盖
:hover、:focus、:active状态，否则用户一点击，黄色又弹出来 -
#your-bg-color必须和输入框真实背景色完全一致（比如是#f1f3f4，就不能填white），否则边缘会漏出黄边 - 别忘了加
-webkit-text-fill-color，否则文字可能变灰或反色
Safari 根本不触发 input:-webkit-autofill
Safari 不使用 -webkit-autofill 伪类，也不强制上黄色背景——它走的是标准表单填充逻辑，样式基本由你原始 CSS 控制。所以你在 Chrome 里写的那些 input:-webkit-autofill 规则，在 Safari 里压根不会执行。
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
- 这意味着：你在 Chrome 里修复了黄色背景，Safari 里可能反而出现新问题——比如
transparent边框失效、backdrop-filter不触发、颜色漂移 - 如果你的输入框用了
border: 1px solid transparent，Safari 会直接丢掉边框热区；得换成border: 1px solid rgba(0, 0, 0, 0.001) - 如果用了
color: #FF6B6B，Safari 默认按 Display P3 解析，看起来偏粉；得显式写color: #FF6B6B; color: color(srgb 1 0.4196 0.4196);
Chrome 119+ 和 Safari 16.4+ 共存时的实操底线
现在主流版本已稳定在 Chrome 119+、Safari 16.4+，它们对 autofill 的干预方式差异更大，光靠 CSS 修补容易顾此失彼。
立即学习“前端免费学习笔记（深入）”；
- Chrome 侧必须写全状态：
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active - Safari 侧要禁用“自动填充干扰”，关键不是关功能，而是管住字段语义：
autocomplete="off"已失效，密码字段必须用autocomplete="new-password"，普通字段可设autocomplete="section-xxx name"隔离上下文 - 如果输入框背景是渐变、图片或透明，
-webkit-box-shadow法会破坏设计，此时 Chrome 侧改用transition: background-color 99999s延迟变色，Safari 侧靠@supports (color: color(srgb 0 0 0))做色彩空间兜底 - 所有 autofill 相关 CSS 必须放在
<head>最顶部或内联，否则 DOM 加载完成前 autofill 已注入，样式来不及生效
真正难的不是写出那几行 CSS，而是意识到 Chrome 和 Safari 对 autofill 的干预是两套独立系统：一个靠强渲染层硬塞，一个靠语义解析软匹配。你得用不同底层机制分别对冲，而不是指望一条规则通吃。
