angular - 与<mat-icon>( Angular Material )一起使用时，我们可以更改svgicon颜色吗？

因此，我有一个svg图标，我使用 Angular Material 来显示它，并希望在悬停时更改颜色，但到目前为止，我还无法做到这一点。
这是供引用的代码:

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

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

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

并在CSS部分

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

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

最佳答案

今天早上我自己解决了这个问题，我所做的基本上是使用文本编辑器打开了svg文件，并且在长“Path”属性的末尾有一个fill属性，我只是删除了那一部分，现在它确实很棒。
示例(之前):-

<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"/>

现在一切正常，悬停也有效...非常感谢您继续研究它。