使用CSS更改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;
}