是否将svg添加到网页？[副本]

Question

如何将svg添加到我的网页并通过css更改其颜色？

我试过：

<img src="my.svg" class="svg"/>

.svg{
    fill: white;
}

但是运气不好。

请只提供CSS解决方案，我不需要任何后备，只支持新的浏览器。

Answer 1

它不会这样工作。如果您直接包含svg，您可以更改填充颜色，即：

网页：

<p>Some other webpage content</p>
<svg class="my-svg">
    <g>
        <path fill="..."></path>
        <path fill="..."></path>
    </g>
</svg>
<p>Some other webpage content</p>

中文（

.my-svg *{
    fill:white;
}

因此，您通过web检查my.svg，并将其内容复制粘贴到目标页面。然后您可以设置它的样式。