更改通過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將工作:)

2015-02-09 07:38:55 Bhagya

使用文本編輯器打開您的SVG，您將獲得SVG代碼:) – Bhagya 2015-02-09 07:39:56

有趣。那麼我可以把svg代碼放在 SASS： .play鍵式SVG 填充左：10px的填充：$白色 – klmitchell2 2015-02-09 18:55:51

@ klmitchell2 SVG代碼是本身包含在 Bhagya 2015-02-10 06:10:13

回答