Html 将鼠标移到图标上时无法更改字体图标颜色

我有以下字体图标：-

<a asp-action="Edit" asp-route-id="@item.Id"><i class="fas fa-marker fa-lg" ></i></a> |

---

但没有任何效果。有没有关于如何更改图标悬停颜色的建议？

使用

！重要信息

忽略所有其他样式，您的代码不工作的原因是样式优先级，直接从

style=”“

属性中给定的所有样式具有更高的优先级

.fa标记：悬停{
颜色：蓝色！重要
}

<a asp-action="Edit" asp-route-id="@item.Id"><i class="fas fa-marker fa-lg" style="color:#ff4c4c;"></i></a> |

.fa-marker:hover
{color:blue}