css - 样式表中的 base64 SVG 样式

Question

所以我有以下 CSS 来生成 SVG 徽标：

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

有谁知道如何在样式表中使用 CSS 更改图标的颜色，而不是嵌入在 SVG 标签中。

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

谢谢！

Answer 1

如果您要以不同的大小大量使用它，则可能值得制作自定义图标字体。

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

http://www.font2web.com/等将采用 SVG。

Answer 2

正如评论中所说：如果您使用 base64 格式显示 SVG 图像，则无法使用外部 CSS 对其进行样式设置。唯一的方法是使用<svg>可以看到标签和属性的原始格式，或者直接插入到您的 html 中或从外部文件加载。