css浏览器记住密码去除自带背景
今天开发过程中发现了,浏览器在记住用户密码并刚开始进入界面自动在输入框中添加用户名和密码时的背景会变为浏览器默认的白色。而在我想要的到透明的背景。
查了很多的文章,接下来是找到的解决方法,希望能够帮助到大家。
效果图片
浏览器自带白色背景色
理想状态:背景透明
代码
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
// -webkit-text-fill-color: #ededed !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
background-color:transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
}
input {
background-color:transparent;
}
文章转载自:https://www.jianshu.com/p/f124c77d1e14