在导航栏中将翻转文本颜色更改为绿色

时间:2017-05-02 23:33:56

标签: html css

我不是客户开发人员,并且花了好几个小时做某些事情,我相信很多人可以在几秒钟内完成。

我有以下代码。我想在翻转时将链接颜色更改为green。我没有尝试过任何工作;翻滚颜色始终为白色。我需要做什么?



.nav>li>a:hover,
.nav>li>a:focus {
  background-color: #EF92A5;
  text-decoration: none;
}

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: white; border-color:white;">
  <div class="navbar-collapse collapse" style="background-color:white; border-color:white;">
    <ul class="nav navbar-nav" style="background-color:white; border-color: white;">
      <li><a asp-area="" asp-controller="Records" asp-action="Index">Home</a></li>
      <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
      <li><a asp-controller="Records" asp-action="Create">Contribute</a></li>
    </ul>
  </div>
</nav>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

你有一些小问题。

  1. 您正在关闭在开场时创建的nav标记的代码 标签。你需要删除斜杠“/".
  2. 你有“滚动” 颜色设置为红色十六进制值。
  3. 这是一个jsfiddle: https://jsfiddle.net/tgk2x7bz/

答案 1 :(得分:0)

无法添加评论,因此我将此作为答案发布。

目前,虽然#EF92A5不是绿色,但您的工作仍然有效。 See this fiddle

在您的nav元素中,删除结尾/:

更改

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: white; border-color:white;" />

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: white; border-color:white;">