解决input密码框选择浏览器提供的“已保存账户”密码,白色背景色无法去除问题

199 阅读1分钟

 

在新版浏览器(我用的edge)中,点击聚焦input密码框,会弹出浏览器提供“已保存账户”快捷选中密码,选中之后,input框会变成白色背景。如果你整体背景色是深色的,就会显得突兀。设置input的background也不起作用。

​编辑

​编辑

想要解决此问题,需要用下面的样式来解决:

 

:-webkit-autofill {
   -webkit-text-fill-color: #fff !important;/*浏览器记住密码的字的颜色*/
   transition: background-color 5000s ease-in-out 0s;/*通过延时渲染背景色变相去除背景颜色*/
   // caret-color: #acfff2;/*光标颜色*/
}