引导菜单带有class =“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

需要设置活动类。请参阅解决方案here

Answer 2

下面的代码也许会有帮助，相应地更改颜色您选择以下

.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; 
    } 

Answer 3

这可能会有帮助。 创建一个css类“活动”并设置背景颜色。

$(function() { 
    $("li").click(function() { 
     // remove existing class 
     $("li").removeClass("active"); 
     // add class to the one we clicked 
     $(this).addClass("active"); 
    }); 
}); 

Answer 4

$(".nav a").on("click", function(){ 
    $(".nav").find(".active").removeClass("active"); 
    $(this).parent().addClass("active"); 
});