使用<mat-icon>（角度材料）时，我们可以改变svgicon颜色吗？

Question

所以我有一个svg图标，我使用角度材料显示它，并希望在悬停时改变颜色，但到目前为止我还没有能够做到这一点。 以下是参考代码：

<mat-icon svgIcon="menu"></mat-icon>

但是当我尝试时，图标会出现，

<mat-icon class="color" svgIcon="menu"></mat-icon>

和css部分

.color:hover, .color:active{
color: black;
fill: black;
}

它不起作用。 任何帮助将不胜感激，谢谢。

Answer 1

今天早上解决了这个问题，我基本上用文本编辑器打开了svg，并且在漫长的＆＃34; Path＆＃34;的末尾有一个填充属性。属性，我只是删除了那部分，现在它工作得很棒。

例（前）： -

<path d="M47.713,274.096c0,3.866,3.134,7,7,7s7-3.134,7-7v-64.653l87.584-`66.53v52.38c0,3.866" fill="#ffffff";/>`

在： -

<path d="M47.713,274.096c0,3.866,3.134,7,7,7s7-3.134,7-7v-64.653l87.584-`66.53v52.38c0,3.866"/>

现在一切正常，悬停也有效......非常感谢你们继续深入研究。

Answer 2

除非另有说明，否则SVG图标默认为黑色，您发布的代码似乎正在工作，尝试在悬停时更改颜色属性red，看看是否可以看到更改。