仅使用CSS为SVG着色?

时间:2017-05-15 11:05:57

标签: html css svg

我经历过地狱,并试图通过CSS直接获取SVG,而不更改实际文件中的属性。 我想用新颜色填充SVG中的CSS,但我无法让它工作。

在对象元素中定位SVG元素似乎与Google Chrome的Inspector中的CSS fill: red属性一起使用,但在代码中执行相同操作并没有做任何事情。

原始SVG文件没有任何填充属性。

如果有人可以告诉我我能做些什么,那就太棒了

1 个答案:

答案 0 :(得分:0)

假设您正在使用SVG的内容而不仅仅是图像/对象

我已经经历了你所拥有的同样的过程,浪费了很多天试图解决这个问题。几个月后,我发现你可以在文件上放置一个简单的属性来实现这一目标。我知道你说你不想改变文件,所以如果你没有 - 你可以使用我使用javascript取出SVG内容的脏技巧,创建一个新的{ {1}}并将内容放在其中。

但是,如果可以稍微修改文件,则可以添加:

div

然后它将采用其祖先的颜色。

fill="currentColor"