Css 样式表中的样式base64 SVG

因此，我使用以下CSS生成SVG徽标：

 background: url("data:image/svg+xml;base64,xyz.....");

有人知道我如何在样式表中使用CSS来改变图标的颜色，而不是嵌入SVG标记中

我试图在页面上多次使用不同颜色的相同徽标，因此不希望在我的样式表中加载多个版本的SVG代码

---

谢谢

如果你打算大量使用不同大小的图标，那么制作一个自定义图标字体可能是值得的

然后，您可以使用css对其进行样式设置，并使用em保持其相对大小等

---

etc将采用SVG。

如评论中所述：如果使用base64格式显示SVG图像，则无法使用外部CSS对其进行样式设置。唯一的方法是使用原始的

格式，您可以在其中看到标签和属性，或者直接插入html，或者从外部文件加载。

您不能。如果使用SVG作为图像，它是不可外部修改的。这就是我的想法。有人能提出其他解决方案吗？这确实取决于徽标以及您希望如何显示它，但一种选择是创建一个图像，其中您要更改颜色的区域是透明的，然后使用绝对定位将其放置在彩色背景元素上。为什么不通过

或

显示SVG？然后可以通过DOM进行调整。