javascript - Chrome 使用自动填充隐藏背景图片

Question

大家好，我正在处理基本的注册和登录表单。在我的输入字段中，我由背景图像和白色组成。在 chrome 自动填充中，我用淡黄色替换了我的背景图像和颜色。为此，我已经搜索并找到了几行代码....

input:-webkit-autofill {
background-color: #FAFFBD !important;
  }

这让我的背景色显示...但无法在输入字段中显示背景图像。我可以获取一些代码来在 chrome 中自动填充时显示背景图像吗。

 input#email {
background: url("~mail.png") no-repeat scroll  16px 11px #FFFFFF;
background-size: 20px 20px;
z-index: 999;
}

Answer 1

恕我直言，你可以通过两种方式做到这一点

1: 在你的 css 上将一个 z-index 字段放到你的背景图片上，这样它就会与当前重叠的任何东西重叠

z-index: 999 //for example

2:或者让你的图片有上边距，为输入字段的自动填充空间让路:

margin-top: 25px;