如何让SVG图像继承HTML文档中的颜色?

时间:2012-10-21 18:13:24

标签: html css colors svg

我有一堆SVG图像,我想嵌入一个HTML页面,用CSS设置样式。

我希望能够让SVG中的元素的颜色继承自父HTML元素的颜色属性。

我尝试设置style="stroke: none; fill: inherit",但这不起作用。

2 个答案:

答案 0 :(得分:62)

html使用颜色,而SVG使用填充和描边。您可以通过使用值currentColor来获取填充或描边以使用颜色CSS属性的值,例如填= “currentColor”

答案 1 :(得分:8)

您可以使用fill="currentColor"

<a href="#" style="color:red">
<svg fill="currentColor"> ...</svg>
</a>