首页  >  文章  >  web前端  >  浏览器记住密码后input黄色背景处理方法

浏览器记住密码后input黄色背景处理方法

小云云
小云云原创
2017-12-18 14:08:122886浏览

本文要和大家分享一种小功能,那就是使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景。下面给大家分享chorme 浏览器记住密码后input黄色背景处理方法,一起看看吧,希望能帮助到大家。

使用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;
}

完美解决

怎么样大家学会了吗?赶紧动手尝试一下吧。

相关推荐:

html中如何控制input输入格式的示例

对于input框限定输入值为浮点型的js方法

javascript input输入框模糊提示功能详解

以上是浏览器记住密码后input黄色背景处理方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn