从ActionLink中删除文本修饰

时间:2012-03-13 21:55:51

标签: html asp.net-mvc razor

我正在尝试从以下文本装饰中删除文本修饰:没有似乎不起作用。请有人能给我一些指示吗?

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

我的CSS:

.NameStyle
{
    text-decoration: none;
}

2 个答案:

答案 0 :(得分: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 :(得分:1)

你使用了错误的重载。

现在你在RouteValues参数中传递CSS类。

尝试

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