我有一堆SVG图像,我想嵌入一个HTML页面,用CSS设置样式。
我希望能够让SVG中的元素的颜色继承自父HTML元素的颜色属性。
我尝试设置style="stroke: none; fill: inherit"
,但这不起作用。
答案 0 :(得分:62)
html使用颜色,而SVG使用填充和描边。您可以通过使用值currentColor来获取填充或描边以使用颜色CSS属性的值,例如填= “currentColor”
答案 1 :(得分:8)
您可以使用fill="currentColor"
。
<a href="#" style="color:red">
<svg fill="currentColor"> ...</svg>
</a>