CSSでスタイル設定されたHTMLページに埋め込む一連のSVG画像があります。
SVGの要素に、親HTML要素のcolor属性から継承された色を持たせることができるようにしたいと考えています。
設定してみましたstyle="stroke: none; fill: inherit"
しかし、これは機能しません。
HTMLは色を使用しますが、SVGは塗りと線を使用します。値currentColor
を使用して、塗りつぶしまたはストロークを取得して、カラーCSSプロパティの値を使用できます。 fill="currentColor"
fill="currentColor"
を使用できます。
<a href="#" style="color:red">
<svg fill="currentColor"> ...</svg>
</a>