使用CSS更改svg图像的颜色

Question

我的html文件中有以下svg图像:

<img class="svg" src="my-image-link.svg">

现在,我正在尝试使用此css代码更改颜色:

.svg path {
    fill: black;
}

然而,没有任何改变.使用css更改svg图像路径颜色的正确方法是什么？谢谢!

Answer 1

您必须使用内联 SVG，其中路径元素位于 HTML 内部，而不是链接到外部 SVG。

示例：https : //jsfiddle.net/fznuckb0/1/

.path-name {
    fill: tomato;
    fill-rule: evenodd;
}

Answer 2

如果你在图片标签中使用svg,则无法在SVG中更改任何内容...

要做到这一点,你必须包括整个SVG内联...在这里查看:链接