web-dev-qa-db-ja.com

SVG画像にHTMLドキュメントから色を継承させるにはどうすればよいですか?

CSSでスタイル設定されたHTMLページに埋め込む一連のSVG画像があります。

SVGの要素に、親HTML要素のcolor属性から継承された色を持たせることができるようにしたいと考えています。

設定してみましたstyle="stroke: none; fill: inherit"しかし、これは機能しません。

37
user1762639

HTMLは色を使用しますが、SVGは塗りと線を使用します。値currentColorを使用して、塗りつぶしまたはストロークを取得して、カラーCSSプロパティの値を使用できます。 fill="currentColor"

83
Robert Longson

fill="currentColor"を使用できます。

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