如何更改Safari自动填充黄色背景色
如何更改Safari自动填充黄色背景色
提问于 2017-01-26 10:39:13
这张照片是我从狩猎中得到的：
这是我的代码：
资料来源：
删除Chrome中的强制黄色输入背景 -即使它写的是铬，但仍然指向webkit-自动填充
我曾试图使用background-color:white !important;覆盖锁定的css。调试工具显示用户代理样式表背景颜色已经被删除，但是颜色没有改变，并且使用了自定义。
这就是真正让我困惑的地方，我不知道为什么不允许更改用户代理样式表。
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-03-21 02:59:42
正在读到大多数浏览器都希望指示自动填充( Safari对此表示更加坚定)。
我确实找到了另一个hack，您可以使用-webkit-box-shadow来覆盖背景色。在检查时，尝试用类针对特定输入不起作用(即特异性)。
在Safari (10.0.2)中，浏览器添加shadow content作为用户代理，其中包括背景色和自动填充的值。这里的问题是，浏览器禁止编辑这些特定的样式(如background-color)，因此，下面的答案就是原因。
input:-webkit-autofill, input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px white inset;
-webkit-text-fill-color: #333;
}如果输入中还有边框底部，则为。
input:-webkit-autofill, input:-webkit-autofill:focus {
border-bottom: 1px solid #333;
}来源：
Stack Overflow用户
发布于 2019-03-09 19:09:35
我发现，这些解决方案，包括-webkit-box-shadow和background-color，只在Google浏览器中工作，而在Safari中不起作用。对我有用的是添加background-clip: content-box。最后，代码(在所有浏览器中都可以使用)看起来如下：
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 60px #fafafa inset !important;
background-color: #fafafa !important;
background-clip: content-box !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41871618
复制相关文章
相似问题
腾讯云开发者
