У меня есть код с некоторыми <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>

Но цвет не изменился.

Как я могу это изменить?

1
S.E 28 Май 2017 в 18:17

2 ответа

Лучший ответ

Добавить класс внутри «htmlAttributes» в ActionLink.

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

И внутри вашего CSS:

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

Это должно работать.

РЕДАКТИРОВАТЬ: Вы должны использовать «@», потому что класс является ключевым словом в C #. Ссылка на документацию MSDN:

Документация

2
SteeBono 28 Май 2017 в 15:46

Это должно работать:

 <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 к тегам привязки, вам придется добавить этот CSS:

ul.navbar-nav a {
    color: #000;
}
0
jhadenfeldt 28 Май 2017 в 15:24