浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式。
在reset.css当中写入填充后的样式
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus{
-webkit-text-fill-color: #ededed !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
box-shadow: 0 0 0px 1000px transparent inset !important;
background-color: transparent!important;
background-image: none;
transition: background-color 99999s ease-in-out 99999s;
-webkit-transition: background-color 99999s ease-in-out 99999s;
-webkit-transition-delay: 99999s;
transition-delay: 99999s;
}
input:-internal-autofill-selected {
/* -webkit-text-fill-color: transparent!important; */
transition: background-color 99999s ease-in-out 99999s!important;
-webkit-transition: background-color 99999s ease-in-out 9999s!important;
background-color: transparent!important;
background-image: transparent !important;
color: -internal-light-dark-color(black, white) !important;
}
input:autofill{
background:transparent;
}
input {
background-color: transparent;
}
input::-webkit-input-safebox-button{
display: none;/去掉搜狗浏览器密码软盘/
}
还有一个坑爹的搜狗浏览器自动填充去不掉网上我能搜到的都试了没用,如果有大神知道麻烦教教我
https://www.cnblogs.com/rubylouvre/p/5109300.html