如何使svg颜色不同[重复]

Question

我有一个图标 svg，例如：

<svg width="90" height="90">       
     <image xlink:href="{{asset('images/menu-icons/some-icon.svg')}}"/>    
</svg>

显示不错，但我想在某些情况下更改颜色（例如悬停或选中）

我用过：

.menu-item svg{
    fill: red!IMPORTANT;
}

它不会改变颜色。任何帮助将不胜感激。

Answer 1

我想你对here 有你的答案。 你可能是

1. 将 svg 用作图像，在这种情况下，您无法更改颜色。
2. !important css 关键字应与属性隔开。