2012-03-13 57 views
0

我試圖從下面的文字裝飾中刪除文字裝飾:無文字裝飾:沒有效果。請誰能給我一些指點?從ActionLink刪除文字裝飾

<h1>The<br/>@Html.ActionLink("World Wide Web", "WWW", new { @class = "NameStyle" })</h1> 

我的CSS:

.NameStyle 
{ 
    text-decoration: none; 
} 
+0

它有什麼文飾?還有哪些其他風格可能會影響它?您是否嘗試過檢查瀏覽器開發人員工具中的鏈接以查看正在應用哪些樣式(例如,在Chrome/Safari中右鍵單擊和「檢查元素」,在Firefox中使用FireBug等)? – joshuahealy 2012-03-13 22:03:41

回答

2

您沒有使用ActionLink的幫手正確的過載,因此你沒有應用任何CSS類吧。

下面是您使用過載:

@Html.ActionLink(
    "World Wide Web",    // linkText 
    "WWW",       // actionName 
    new { @class = "NameStyle" }  // routeValues 
) 

,這裏是它生成的標記:

<a href="/Home/WWW?class=NameStyle">World Wide Web</a> 

我想你明白爲什麼你可能期望它的工作,這並不工作。

下面是正確的過載,你應該使用:

@Html.ActionLink(
    "World Wide Web",    // linkText 
    "WWW",       // actionName 
    null,       // routeValues 
    new { @class = "NameStyle" }  // htmlAttributes 
) 

產生:

<a class="NameStyle" href="/Home/WWW">World Wide Web</a> 

現在你.NameStyle類定義實際上可能會考慮。

1

您正在使用錯誤的超載。

現在你正在傳遞RouteValues參數中的CSS類。

嘗試

@Html.ActionLink("World Wide Web", "WWW", null, new { @class = "NameStyle" })