html - 悬停时角度 fa-icon 改变颜色

Question

将鼠标悬停在 fa-icon 上时，我将如何更改其样式？我尝试根据文档添加一个 css 类：

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

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

但没有任何更改适用。

标签： htmlcssangulartypescriptfont-awesome

Answer 1

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

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

为了在图标悬停时应用您的样式，只需使用 :hover 伪选择器，如下所示：

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