84

我有一堆 SVG 图像,我想将它们嵌入到 HTML 页面中,该页面采用 CSS 样式。

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

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

4

2 回答 2

150

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

于 2012-10-21T21:19:21.863 回答
52

您可以使用fill="currentColor".

<a href="#" style="color:red">
<svg fill="currentColor"> ...</svg>
</a>
于 2018-06-26T07:33:25.203 回答