Chrome浏览器隐藏自动填充输入框中的背景图像,直到输入框中输入内容为止

时间:2016-07-23 13:18:53

标签: javascript html5 css3 google-chrome

我的登录页面上有输入字段。两个输入字段(用户名和密码)都有背景图像。但是,只要数据自动填充,Chrome浏览器就会隐藏图像。 但是,只要输入内容或使用退格键,就会显示图像。

我在Stackoverflow上找到了这个答案,但他们建议将图像移出输入框。我不能这样做。 我只需要输入框中的图片。  不能在输入框外粘贴图像。 任何帮助将不胜感激。

需要一个解决方案,只能在自动填充的Chrome浏览器中显示输入框内的图像。

感谢。

1 个答案:

答案 0 :(得分:1)

Chromes autofill会覆盖输入中的所有背景样式 - 受自动填充影响。

对于覆盖图像的黄色自动填充背景,您几乎无能为力。

您可以设置自动填充。

- 编辑:

您可以使用以下格式更改背景颜色:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px *color* inset;
}