引導菜單帶有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"); 
});