位置:首页 > 综合教程 > 如何解决Chrome 119版本表单自动填充背景变黄问题

如何解决Chrome 119版本表单自动填充背景变黄问题

时间:2026-06-08  |  作者:318050  |  阅读:0

Chrome 119 版本中,表单自动填充的黄色背景问题,几乎每个前端开发都会遇到。

浏览器会强制给 元素注入 input:-webkit-autofill 伪类,硬塞一个 background-color: #FAFFBD,直接覆盖掉你精心设计的 UI 效果。

深色主题、圆角边框或者有背景图的输入框,都会因为这个突兀的黄色块变得面目全非。更要命的是,常规的 background-color: xxx !important 根本不起作用。

用内阴影彻底遮盖黄色背景

方案适用场景:纯色背景的输入框(白色、灰色、深蓝色等),稳定且无需 JavaScript 介入。

关键一步:在 CSS 文件末尾或