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

最新推荐文章于 2024-09-29 10:36:27 发布

v逆水行舟v

最新推荐文章于 2024-09-29 10:36:27 发布

阅读量248

点赞数 2

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/u010576965/article/details/142592694

版权

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

想要解决此问题，需要用下面的样式来解决：

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