2013-05-30 39 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