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

Posted 2023-02-23

【中文标题】如何使svg颜色不同[重复]

【英文标题】：How make svg color different [duplicate]

【发布时间】：2021-09-29 11:07:17

【问题描述】：

我有一个图标 svg，例如：

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

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

我用过：

.menu-item svg
    fill: red!IMPORTANT;

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

【问题讨论】：

这能回答你的问题吗？ How to change the color of an svg element?

【参考方案1】：

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

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