更改通过CSS SVG色彩,SVG颜色不会改变

问题描述:

继承人我的代码:更改通过CSS SVG色彩,SVG颜色不会改变

HTML:

<img src="../img/icon-play.svg" class="play-button-svg"> 

SASS:

.play-button-svg 
padding-left: 10px 
fill: $white 

的图标保持其原来的颜色,并且不改变白色。

通过使用SVG作为图像或背景图像,你不能用CSS控制。如果你想“.play键式SVG”工作,你应该把SVG代码看起来喜欢 -

<svg ...> 
    <path .../> 
</svg> 

然后申请讲座

<svg ...> 
     <path class="play-button-svg" .../> 
    </svg> 

,现在你的CSS将工作:)

+0

使用文本编辑器打开您的SVG,您将获得SVG代码:) – Bhagya 2015-02-09 07:39:56

+0

有趣。那么我可以把svg代码放在标签之间? 这项工作? HTML: (来自SVG代码) SASS: .play键式SVG 填充左:10px的 填充:$白色 – klmitchell2 2015-02-09 18:55:51

+1

@ klmitchell2 SVG代码是本身包含在标记中,只需复制粘贴文本并将类应用到元素就像在HTML中那样:) – Bhagya 2015-02-10 06:10:13