样式表中的样式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设置样式。唯一的方法是使用原始的int key = e.getKeyCode(); if(key == KeyCode.SPACE) 格式，您可以在其中查看标记和属性，这些标记和属性可以直接插入html或从外部文件加载。