当前位置：首页 > 资讯 > 技术文档

chorme 浏览器记住密码后input黄色背景处理方法(两种)

时间：2022-07-07 06:48 编辑：来源：阅读：
扫一扫，手机访问

摘要：chorme 浏览器记住密码后input黄色背景处理方法(两种)

使用chrome浏览器选择记住密码的账号，输入框会自动加上黄色的背景，有些设计输入框是透明背景的，需要去除掉这个黄色的背景； [img]http://files.jb51.net/file_images/article/201711/2017112214131518.png[/img] [b]方法1：阴影覆盖[/b]

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

由于是设置颜色覆盖，所以只对非透明的纯色背景有效； [b]方法2：修改chrome浏览器渲染黄色背景的时间[/b]

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}

完美解决 [img]http://files.jb51.net/file_images/article/201711/2017112214131519.png[/img] [b]总结[/b] 以上所述是小编给大家介绍的chorme 浏览器记住密码后input黄色背景处理方法(两种)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
下一篇：JQuery实现鼠标移动图片显示描述层的方法

资讯排行榜
更多>>