我经历过地狱,并试图通过CSS直接获取SVG,而不更改实际文件中的属性。
我想用新颜色填充SVG
中的CSS
,但我无法让它工作。
在对象元素中定位SVG元素似乎与Google Chrome的Inspector中的CSS fill: red
属性一起使用,但在代码中执行相同操作并没有做任何事情。
原始SVG文件没有任何填充属性。
如果有人可以告诉我我能做些什么,那就太棒了
答案 0 :(得分:0)
假设您正在使用SVG的内容而不仅仅是图像/对象:
我已经经历了你所拥有的同样的过程,浪费了很多天试图解决这个问题。几个月后,我发现你可以在文件上放置一个简单的属性来实现这一目标。我知道你说你不想改变文件,所以如果你没有 - 你可以使用我使用javascript取出SVG内容的脏技巧,创建一个新的{ {1}}并将内容放在其中。
但是,如果可以稍微修改文件,则可以添加:
div
然后它将采用其祖先的颜色。
fill="currentColor"