Chrome通过自动填充隐藏背景图像

Chrome hiding background image with autofills

本文关键字：隐藏 背景 图像 填充 Chrome      更新时间：2024-03-26

大家好，我正在处理基本的注册和登录表单。在我的输入字段中，我由背景图像和白色组成。在铬自动填充是取代我的背景图像和颜色的淡黄色。为此，我搜索了几行代码。。。。

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

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

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

IMHO，您可以通过两种方法来实现这一点

1：在你的css上放一个z索引字段到你的背景图像，这样它就可以与当前重叠的内容重叠

z-index: 999 //for example

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

margin-top: 25px;

尝试使用jQuery:进行更改

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