通过 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 控制的图像或背景图像。如果你想让'.play-button-svg'工作，你应该放置看起来像-

的SVG代码

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

然后申请class-

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

现在您的 CSS 可以工作了:)

Changing SVG color via CSS, SVG color wont change