如何在MVC4中的ActionLink中包含CSS类

时间:2012-08-31 05:46:30

标签: asp.net-mvc asp.net-mvc-4

我的代码是

@Html.ActionLink("test1", "Index", new { Area = "area1", Controller = "controller1" })

我想在操作链接中包含以下css类。

 class="rtsLink" 

另外,我们可以添加多个css类。如果是这样,我需要添加另一个css类。

class="rtsTxt"

更新

<li class="rtsLI" id="Summary"><a href="javascript:void(0);" onclick="javascript:rtsXXX.OnClientTabSelected(this‌​, 0);" class="rtsLink"><span class="rtsTxt">Test</span></a></li> 

上面我将替换以下actionlink:

<li class="rtsLI" >@Html.ActionLink("test1", "Index", new { Area = "Tools", Controller = "controller1" }, new { @class = "rtsLink rtsTxt"})</li> "

起初css工作正常。但是当使用Actionlink时,css无法正常工作。谢谢

2 个答案:

答案 0 :(得分:13)

您只需添加一个新的匿名对象作为第四个参数

@Html.ActionLink("User Security", "Index", new { Area = "Tools", Controller = "UserSecurity" }, new { @class = "rtsLink rtsTxt" })

请注意,单词class在C#中保留,因此您必须在其前面添加@

答案 1 :(得分:2)

由于span内有anchor。你可以试试这个。

<li class="rtsLI" id="Summary">
   <a href="@Url.Action("Index", new { Area = "Tools", Controller = "UserSecurity" })" 
      class="rtsLink">
       <span class="rtsTxt">User Security</span>
    </a>
</li>