在 Razor 中将 CSS class 应用于 HTML 操作 Link

Question

我有以下 HTML 代码：

<li>
  <a href="dashboard.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
</li>

代码显示菜单项如下图：

我想要的是在 Razor 代码中用 @Html.ActionLink 替换 link，我试试这个：

<li>
  <i class="fa fa-dashboard fa-fw">@Html.ActionLink("Dashboard", "Index", "Home")</i>
</li>

但不幸的是，它将菜单项显示为：

也尝试过：

<li>
   @Html.ActionLink("Dashboard", "Index", "Home", new { @class = "fa fa-dashboard fa-fw" })
</li>

样式覆盖文本字体并将结果显示为：

任何建议！

在此先致谢

Answer 1

试试这个：

<li>
    <a href="@Url.Action("Dashboard", "Home")">
        Dashboard <i class="fa fa-dashboard fa-fw"></i> 
    </a>
</li>

Apply CSS class to HTML Action Link in Razor