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

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

作者: jayxiangnan | 来源:发表于2017-05-24 12:07 被阅读0次
一、 现象

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;
}

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/ojmnxxtx.html