html - Bootstrap 菜单打开链接背景颜色与类 ="nav navbar-nav"

Question

如何像图片一样更改引导菜单中打开的链接的颜色。它适用于鼠标悬停和单击后更改为菜单的默认颜色。 我需要像图片一样的东西。

HTML

 <div class="navbar-left">
        <ul class="nav navbar-nav">
            <li>@Html.ActionLink("Патници", "Index", "patnici")</li>
            <li >@Html.ActionLink("Помош", "Contact", "Home")</li>
        </ul>
    </div>

CSS

.navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 20px;
    }

Menu-Image

Answer 1

下面的代码可能会有所帮助，根据您的选择相应地更改颜色

    .navbar-nav li a {
        background:#C60;
        color:#FFFFFF;
        text-decoration:none;
        display: block;
    }

    .navbar-nav li a:visited  {
        background:yellow;
        color:#F00;
        text-decoration:none;
    }