Javascript Chrome浏览器在自动填充时将背景图像隐藏在输入框中，直到在输入框中键入内容

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

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

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

---

谢谢。

色度自动填充会覆盖输入时的所有背景样式-受自动填充影响

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

您可以设置自动填充

--编辑：

当然，您可以使用以下格式更改背景色：

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

---

关于

：-webkit autofill

伪类如何？您只能更改颜色，OP不能保留背景。请注意我是如何说的。问题不是背景颜色，而是背景图像没有显示在Chrome中的autofill上。图像最初显示，但在字段中填充自动填充数据后立即消失；并给出了另一种选择，因为伊斯梅尔在否决我的回复后坚持使用自动填充伪类……使用选择器上的

：-webkit autofill

伪类覆盖这些样式。他无法使用..@MarkoMackic保留他想要的图像此问题仅存在于Chrome浏览器中，在Firefox中运行良好。