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

Question

所以我有一个 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;
}

这是行不通的。任何帮助将不胜感激，谢谢。

Answer 1

今天早上自己解决了这个问题，我所做的基本上是用文本编辑器打开 svg 文件，在长长的“路径”属性的末尾有一个填充属性，我只是删除了那部分，现在效果很好。

例子(之前):-

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

现在一切正常，悬停也正常...非常感谢您仍在研究它。