Question

大家好我正在研究基本的注册和登录表单。在我的输入字段中，我由背景图像和白色组成。在chrome自动填充中用浅黄色代替我的背景图像和颜色。为此，我搜索并发现几行代码......

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

这使得我的backgroundcolor显示...但是无法在输入字段中显示backgroundimage。我可以在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;

Answer 2

尝试使用jQuery进行更改：

if ($.browser.webkit) {
    //$('input[name="password"]').attr('autocomplete', 'off');
    $('input[name="password"]').attr('background-image', 'src');
}

与自动填充的镀铬物掩藏的背景图象

2 个答案: