2012-03-13 37 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" })