【发布时间】：2019-04-01 20:18:36
【问题描述】：
所以我有以下 CSS 来生成 SVG 徽标：
background: url("data:image/svg+xml;base64,xyz.....");
有谁知道如何在样式表中使用 CSS 更改图标的颜色，而不是嵌入在 SVG 标记中。
我试图在页面上多次使用不同颜色的相同徽标，因此不想在我的样式表中加载多个版本的 SVG 代码。
谢谢！
【问题讨论】：
-
你不能。如果您将 SVG 用作图像，则它不能从外部修改。
-
我就是这么想的。任何人都可以提出任何替代解决方案吗？
-
这实际上取决于徽标以及您希望如何显示它，但一种选择是创建一个图像，其中您要更改颜色的区域是透明的，然后将其放置在彩色背景上元素使用绝对定位。
-
为什么不通过
<object>或<iframe>显示SVG，你可以通过DOM 调整它。