2013-05-30 34 views
0

这似乎是一个简单的任务,但我不能解决如何将css类应用到actionlink中。 我已经在位于内容文件夹中的site.css的底部放置了一个css类,如下所示。所有看到的例子都说这应该可行......但没有任何反应。将css应用到actionlink mvc 4

这是链接跟着行,仍然没有发生。 http://www.devcurry.com/2011/03/aspnet-mvc-use-css-on-htmlactionlink.html

即时通讯使用mvc4模板并根据需要进行修改。

.mybutton 
{ 
    color:Lime; 
} 

foreach (string str in ViewBag.ServerNames) 
{ 

    <ul> 
     <img src="../../Content/Images/my_computer.png" alt="Computer Name"/> 
     <li>@Html.ActionLink(linkText: str.ToString(), actionName: "Index", controllerName: "Customer", 
      routeValues: new { conName = str.ToString() }, htmlAttributes: new { @class = "mybutton" })</li> 
    </ul> 

} 

回答

0

您不必裹在style标签的CSS规则。它改成这样:

<style type="text/css"> 
    .mybutton 
    { 
     color:Lime; 
    } 
</style> 

foreach循环渲染这个HTML的各个环节:

<a class="mybutton" href="/MVCApp/Customer/Index?conName=cat">cat</a> 

因此,我们必须假设你是不是链接到CSS文件正确,或者它的继承问题。你可以在页面上发布一个JSFiddle以及你的整个CSS和HTML吗?

+0

代码位于site.css的底部 –

+0

请参阅上面我的答案的新部分。它的问题是一个CSS/HTML问题,而不是一个MVC问题。 – Graham