Question

我在<li>

中有一些<ul>的代码

这是

 <ul class="nav navbar-nav navbar-right" style="color:black;">
    <li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
    <li>@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
</ul>

我需要将<li>的颜色更改为黑色

我尝试这样做style="color:black;"

这是ASP.NET代码

这是生成的代码

<ul class="nav navbar-nav navbar-right">
    <li style="color:#000000;"><a href="/Account/Register" id="registerLink">Register</a></li>
    <li style="color:#000000;"><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>

但颜色并没有改变。

我如何改变它？

Answer 1

在ActionLink中的'htmlAttributes'中添加类。

@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink", @class = "aclass" })

在你的CSS中：

/* Class of 'a' element
.aclass {
      color: black;
      ......
}

这应该有用。

编辑：您必须使用'@'，因为class是C＃中的关键字。链接到MSDN文档：

Documentation

Answer 2

这应该有效：

 <ul class="nav navbar-nav navbar-right">
    <li style="color:black;">@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
    <li style="color:black;">@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
</ul>

但是，因为看起来你在<li>内部渲染了一个锚标记，所以它们可能不是黑色的。由于您无法将style-attribute添加到锚标记，因此您必须添加此CSS：

ul.navbar-nav a {
    color: #000;
}

更改<ul>中<li>的颜色

2 个答案: