Chrome表单自动填充导致input文本框编程黄色问题

一、 现象

chrome浏览器表单自动填充后，input文本框的背景会变成黄色的，这是chrome浏览器会给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋如下值：

input:-webkit-autofill{
    background-color: rgb(250,255,189); 
    background-image: none; 
    color: #000;
}
二、 解决方法

可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景；如

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 30px white inset; 
-webkit-text-fill-color: #000;
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容