admin管理员组

文章数量:1579086

方法一：去掉颜色

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
   -webkit-transition-delay: 9999s; 
   -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

我只用了

input:-webkit-autofill{
   -webkit-transition-delay: 9999s;
   -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

理解为设置了一个延时变形，并且变形过程也极长，这样背景色要显示出来就是一个漫长的过程了，如果在页面一直不动，最终还是会显示出来的

方法二：自己设置颜色

input:-webkit-autofill{
    box-shadow: 0 0 0px 1000px #000 inset !important;
    -webkit-text-fill-color: #fff !important;   //字体颜色
}

是的，你没看错，是box-shadow，background是无效的

 

整理不易，感谢打赏~~~~~

 

本文标签： 浏览器

版权声明：本文标题：解决谷歌浏览器自动填充变色问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1727850306a1133503.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。