使用CSS[duplicate]更改svg图像的颜色

Question

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

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

现在，我试图改变颜色使用这个css代码：

.svg path {
    fill: black;
}

然而，一切都没有改变。使用css更改svg图像路径颜色的正确方法是什么？谢谢

Answer 1

如果您在图像标记中使用svg，则无法更改SVG中的任何内容...

要做到这一点，您必须包含整个SVG内联。。。看看这里的例子：link

Answer 2

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

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

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