通过CSS更改SVG颜色，SVG颜色不会改变

Question

继承我的代码：

HTML：

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

SASS：

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

图标保持原始颜色，不会变为白色。

Answer 1

使用SVG作为图像或背景图像，您无法使用CSS控制。如果你想要＆＃39; .play-button-svg＆＃39;要工作，你应该放置看起来像 -

的SVG代码

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

然后申请上课 -

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

现在你的CSS会起作用：）