角度图标在悬停时更改颜色

Question

如何将鼠标悬停在图标上更改样式？ 我已经尝试根据文档添加CSS类：

<fa-icon [icon]="['fas', 'star']" [classes]="['hover-tab-icon']" ></fa-icon>

.hover-tab-icon{
    :hover{
        color: green;
    }
}

但所有更改均不适用。

Answer 1

您可以像这样简单地使用基于类的图标：

<i class="fas fa-star"></i>

要在图标的悬停上应用样式，只需使用：hover psuedo-selector即可，如下所示：

.fa-star:hover {
  color: green;
}