Google浏览器自动记忆填写功能造成input输入框黄色背景解决办法

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

方法1:阴影覆盖  (由于是设置颜色覆盖,所以只对非透明的纯色背景有效;)

 

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
 
 

 

方法2:修改chrome浏览器渲染黄色背景的时间 (透明背景)

 

:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
}

 
 
 

 


 

 

 

 

原文链接:http://www.cnblogs.com/19show/p/7844173.html

posted @ 2019-04-19 10:53  木子小猿  阅读(2141)  评论(0)    收藏  举报