2016-10-31 24 views
4

を使用してSVG画像の色を変更する:今すぐは、私は私のhtmlファイルに次のSVG画像持つCSS

<img class="svg" src="my-image-link.svg"> 

を、私はこのCSSコードを使用して色を変更しようとしています:

.svg path { 
    fill: black; 
} 

しかし、何も変わりません。 cssを使用してsvgイメージのパスの色を変更する正しい方法は何ですか?ありがとう! 、あなたは全体のSVGをインラインで含めるように持っていることを行うには

答えて

4

あなたがイメージタグにSVGを使用している場合、SVG以内に何も変更することはできません...

...例えば探しますここではlink

3

外部SVGへのリンクではなく、パス要素がHTML内にあるインラインSVGを使用する必要があります。

例:https://jsfiddle.net/fznuckb0/1/

.path-name { 
    fill: tomato; 
    fill-rule: evenodd; 
} 
関連する問題