Chrome浏览器表单自动填充引起输入框背景变黄的解决方案
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文将介绍如何解决使用Chrome浏览器时，由于启用表单自动填充功能导致输入框背景变为黄色的问题，并提供相应的设置调整方法。
当Chrome浏览器自动填充表单后，输入框的背景会变成偏黄色。这是因为Chrome会给自动填充的输入框添加私有属性`input:-webkit-autofill`并应用特定样式：
```css
input:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: #000;
}
```
在某些情况下，这种黄色背景可能会影响界面的整体效果，尤其是在输入框使用了图片作为背景时。此时，原有的圆角和边框会被覆盖。
**情景一：当输入框是纯色背景的**
可以通过重写`input:-webkit-autofill`样式来解决这个问题。
全部评论 (0)
还没有任何评论哟~
