html - 使用 css 属性替换 Image 标签的 src

Question

有什么方法可以使用任何 css 技巧替换图像选项卡的 SRC 属性中提到的图像吗？

<img src = "setting-icon.png"></img>

我想用 css 属性替换 setting-icon.png，我可以将另一个图像放在背景中，图像标签的 background-image 属性但是我需要隐藏 src 中提到的那个并显示我的那个在 css 的背景图像属性中提及。

是的，这是一个奇怪的要求，但问题是我在第三方应用程序中进行自定义，我只能控制 css，无法修改 HTML 标签。

感谢阅读!

Answer 1

您可以使用content:url("image.jpg")

https://developer.mozilla.org/en-US/docs/Web/CSS/content

在你的 CSS 中，

.img {
    content:url("/new/image/source.png");
}

如果您不能修改 HTML，

img {
    content:url("/new/image/source.png");
}

在 HTML 中，

<img class="img"/>

我还没有尝试过，但我不确定内联属性 src 是否会超重 CSS content。

更新

如果您的 img 元素已经有 src，它应该可以工作。谢谢@pol