使用CSS更改SVG图像的颜色

Question

我在HTML文件中有以下SVG图片：

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

现在，我正在尝试使用以下CSS代码更改颜色：

.svg path {
    fill: black;
}

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

- darkhorse

Answer 1

您需要使用内联SVG，在HTML中将路径元素放在其中，而不是链接到外部SVG。

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

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

- rorymorris89

Answer 2

如果你在一个图像标签中使用SVG，那么无法更改SVG内的任何内容... 为了做到这一点，你必须将整个SVG内联包含在内... 在此处查看示例：链接。

- FalcoB