解决chrome自动填充白色背景(input:-internal-autofill-previewed)问题

解决chrome自动填充白色背景(input:-internal-autofill-previewed)问题#

使用background-clip属性，使它的值为 content-box(将背景裁剪到内容框)，再设input的高度为0，最后使用padding将input框撑开即可：

1
input:-webkit-autofill {
2
  height: 0;
3
  border: 0;
4
  background-clip: content-box;
5
  padding: 12px 5px 12px 44px;
6
}

• 然而，有的项目在使用鼠标点选账号密码时依旧会出现灰色背景，最后的解决办法也是误打误撞，将background-clip的权重提到最高content-box!important就行，不会再出现灰色背景。