浏览器记住密码背景色变成黄色处理

在实际项目当中,用户登录网站输入账号密码,当用户选择记住密码的时候,下次自动填充表单的背景变成了黄色,影响了视觉体验。这个是可以修改的。下面给出方案:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 方法1

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: #fff; // 设置成元素原本的颜色
background-image: none;
color: rgb(0, 0, 0);
}

// 方法2

input:-webkit-autofill
{
-webkit-box-shadow: 0px 0 3px 100px #ccc inset; // 背景色
}