本文要和大家分享一种小功能，那就是使用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黄色背景处理方法的详细内容。