将 Css 类添加到 ASP.NET MVC 的 ActionLink答案

【问题标题】：Add Css Class to ActionLink of ASP.NET MVC将 Css 类添加到 ASP.NET MVC 的 ActionLink
【发布时间】：2012-01-19 09:23:09
【问题描述】：

在 ASP.NET MVC3 中，这是 Razor 视图中的常规操作链接：

<li>@Html.ActionLink("Home", "Index", "Home")</li>

和相关的html dom是：

<li><a href="/HomePage/">Home</a></li>

如果我将 css 类添加到 <a> 元素，那么我的 css 可以正常工作，如下所示：

<li><a class="MyCssClass" href="/HomePage/">Home</a></li>

有人知道我该怎么做吗？

【问题讨论】：

【解决方案1】：

<li>@Html.ActionLink("Home", "Index", "Home", new { @class = "myclass" })</li>

【讨论】：

【解决方案2】：

使用另一个重载：

<li>@Html.ActionLink("Home", "Index", "Home", new { @class="YourClass" })</li>

【讨论】：

【解决方案3】：

您可以这样做以传递 html 属性。

@Html.ActionLink("Home", "Index", "Home", new { @class = "MyCssClass" })

您也可以传递其他 html 属性。

@Html.ActionLink("Home", "Index", "Home", new { @class = "MyCssClass", otherAttributeName = 1 })

希望这会有所帮助

【讨论】：

【解决方案4】：

如果您使用的是较新版本的 ASP.NET MVC 框架，则必须为 routeValues 传递一个额外的参数。没有方法签名重载接受 htmlAttributes 作为第 4 个参数，所以如果你不传入 routeValues，只需传入一个 null，如下所示：

@Html.ActionLink("Home", "Index", "Home", null, new { @class = "MyCssClass" })

【讨论】：