我经历了一次又一次,试图通过CSS直接给SVG着色,而不改变实际文件中的属性。我试图用一种新的颜色填充CSS
中的SVG
,但是我不能正常工作。
在object元素中定位SVG元素似乎可以使用Google Chrome的Inspector中的CSS fill: red
属性,但在代码中执行相同的操作并不会有任何效果。
原始SVG文件没有任何填充属性。
如果有人能告诉我我能做些什么,那就太棒了
发布于 2017-05-15 11:17:17
假设您使用的是SVG的内容,而不仅仅是图像/对象
我已经经历了和你一样的过程,浪费了很多天试图弄清楚这一点。几个月后,我发现可以在文件上放置一个简单的属性来实现这一点。我知道你说过你不想更改文件,所以如果你不想-你可以使用我做过的肮脏的把戏,用javascript取出SVG的内容,创建一个新的div
并把内容放在里面。
但是,如果您可以稍微修改该文件,则可以添加:
fill="currentColor"
然后它会呈现出它祖先的颜色。
<svg ...>
<path fill="currentColor" ... />
</svg>
https://stackoverflow.com/questions/43977872
复制