Chrome input:-internal-autofill-selected 属性在自动填充时隐藏我的背景图像
发布于2021-06-06 11:42 阅读(1262) 评论(0) 点赞(2) 收藏(1)
我想使用background-image属性在我的登录字段中显示 @ 和密码图标，在 myinput[type="email"]和input[type="password"]. 使用这个 CSS ：
input.InputText--icon {
padding-left: 32px;
&[type="email"], &[type="email"]:-internal-autofill-selected {
background-image: url("/ressources/img/email.svg") !important;
}
&[type="password"], &[type="password"]:-internal-autofill-selected {
background-image: url("/ressources/img/password.svg") !important;
}
}
但是，如果凭据是通过 Chrome 使用自动填充添加的，则以下background-image: none !important;属性会覆盖它，并且我会丢失我的背景。
// chrome user agent stylesheet
input:-internal-autofill-selected {
background-color: rgb(232, 240, 254) !important;
background-image: none !important;
color: -internal-light-dark-color(black, white) !important;
}
您是否有解决此问题的任何技巧，以便我的背景图像始终显示出来。即使 :-internal-autofill-selected 事件被触发。
我已经看到了使用包装器的想法（https://stackoverflow.com/a/35573069/7647916）。但是有没有可能不使用包装器来做到这一点？
谢谢 ！
解决方案
暂无回答
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/123652/1b790d0316e2ff1c284b/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力