HTML中的颜色Svg元素

Question

我正在网站上使用svg图标，并希望将其颜色更改为红色（所有颜色均为黑色）。

<img src='assets/icon.svg'/>

我尝试在img标签上使用css fill属性，但是它不起作用。 然后我遇到了对象attr，并尝试使用svg图标，如下所示：

<object type="image/svg+xml" data="assets/icon.svg"></object>

，此处在对象上应用fill属性不会执行任何操作。关于如何在不使用jquery的情况下更改svg元素的fill属性的任何想法

jsfiddle

Answer 1

您需要将填充颜色设置为svg路径

path {
    fill:red;
}