Html Chrome输入：-内部自动填充选定属性在自动填充时隐藏我的背景图像

我想在我的

input[type=“email”]

和

input[type=“password”]

中使用

背景图像属性在我的登录字段中显示@和密码图标。使用此CSS：

input.InputText--icon{
左侧填充：32px；
&[type=“email”]，&[type=“email”]：-已选择内部自动填充{
背景图片：url（“/ressources/img/email.svg”）！重要；
}
&[type=“password”]，&[type=“password”]：-已选择内部自动填充{
背景图片：url（“/ressources/img/password.svg”）！重要；
}
}

但是如果通过Chrome使用自动填充添加凭据，则会显示以下
背景图像：无！重要的属性覆盖它，我失去了背景

//chrome用户代理样式表
输入：-已选择内部自动填充{
背景色：rgb（232、240、254）！重要；
背景图像：无！重要；
颜色：-内部浅黑色（黑色、白色）！重要；
}

你有没有什么好主意来解决这个问题，这样我的背景图像就会一直显示出来。即使触发了：-内部自动填充选定事件

我已经看到了使用包装器（）的想法。但是不使用包装器就可以做到这一点吗

谢谢大家!
 你找到解决这个问题的方法了吗？你好@MarcosDiPaolo没有。我最后用了一个包装纸。但我仍然对一个解决方案感兴趣。实际上，我的问题是背景颜色，我使用以下方法解决了它：
input:-webkit autofill，input:-webkit autofill:hover，input:-webkit autofill:focus{边框：1px纯色$borderColor；-webkit文本填充颜色：$color；-webkit框阴影：0 1000px rgba（15,63,81,3）插入；过渡：背景色5000s缓进输出0s；}