currentColor 关键字
currentColor
在内联 SVG 中最有用。有了这个,你可以继承父 css 颜色,并在 SVG 中使用颜色的任何地方使用它。
在此示例中,第一个圆圈使用文本颜色作为填充颜色,第二个圆圈使用它作为笔触颜色。
<html>
<head>
div{color:green}
</head>
<body>
<div>
some Text
<svg width="2em" height="1em" viewBox="0 0 200 100">
<circle cx="50" cy="50" r="45" fill="currentColor"/>
<circle cx="150" cy="50" r="45" fill="none" stroke-width=5 stroke="currentColor"/>
</svg>
</div>
</body>
</html>