给 ASP.NET MVC 的 ActionLink 添加 Css 类

Question

在ASP.NET MVC3中，这是Razor视图中的常规ActionLink：

<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>

有人知道我该怎么做吗？

- Saeid

Answer 1

您可以使用此方法传递HTML属性。

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

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

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

希望这能帮到你。

- dknaack

Answer 2

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

- devdigital

Answer 3

如果你正在使用新版本的ASP.NET MVC框架，则需要为routeValues传递一个额外的参数。现在已经没有接受htmlAttributes作为第四个参数的方法重载签名了，因此如果你没有传递routeValues，请像这样传递null：

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

- Yves Rochon

Answer 4

使用另一个重载函数：

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

- BigMike