admin 管理员组文章数量: 893598
解决谷歌浏览器自动填充变色问题
方法一:去掉颜色
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是无效的
整理不易,感谢打赏~~~~~
本文标签: 解决谷歌浏览器自动填充变色问题
版权声明:本文标题:解决谷歌浏览器自动填充变色问题 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1688192707h190310.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论