码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-01-16 20:35:31      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:style   去除   使用   div   cells   keyword   chrome   账号   index   

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

技术分享图片

方法1:阴影覆盖

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

由于是设置颜色覆盖,所以只对非透明的纯色背景有效

方法2:修改chrome浏览器渲染黄色背景的时间

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

完美解决

技术分享图片

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

标签:style   去除   使用   div   cells   keyword   chrome   账号   index   

原文地址:https://www.cnblogs.com/johnblogs/p/10279074.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!