在HTML.Partial里面的ActionLink中使用CSS

时间:2011-03-22 16:13:32

标签: asp.net asp.net-mvc

我在使用CSS类来设置html.partial中的actionlink样式时遇到了问题。在构建我的测试站点时,我使用了从ASP.NET开始的模板和标准登录部分。我的索引页面工作正常,因为_Layout.cshtml确实引用了我的css页面。在_LogOnPartial中,我列出了以下内容(还有更多,但这是我认为的重要内容):

else {
<text>
<ul style="display:inline;">;
<li style="list-style:none; display:inline;">
@Html.ActionLink("Sign In", "LogOn", "Account", null, new { @class = "signin" })
</li>

我的“登录”CSS是:

.signin {
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: White;
}

调试后查看页面的源代码时,显示:

<a class="signin" href="/Account/LogOn">Sign In</a>

看起来不对,但它没有正确显示。字体不是Helvetica,它有下划线而不是白色。我没有在LogOnPartial中引用css表,但我认为我也没有。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

我会下载firefox和firebug,然后在firefox中打开网站。使用firebug查看与链接关联的CSS。所有上述信息对我来说都是正确的,这让我相信你在CSS中有更具体的东西来修改你的链接。

答案 1 :(得分:1)

你应该double @@ the HTML attribute

@Html.ActionLink("Sign In", "LogOn", "Account", null, new { @@class = "signin" })