更改通过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将工作:)
使用文本编辑器打开您的SVG,您将获得SVG代码:) – Bhagya 2015-02-09 07:39:56
有趣。那么我可以把svg代码放在
@ klmitchell2 SVG代码是本身包含在标记中,只需复制粘贴文本并将类应用到元素就像在HTML中那样:) –
Bhagya
2015-02-10 06:10:13