[英]Bootstrap menu oppened link background color with class=“nav navbar-nav”
How to change color of oppened link in bootstrap menu like on picture. 如图所示如何在引导菜单中更改链接的颜色。 It work on mouse over and after click change to default color of menu.
鼠标悬停并单击更改为菜单的默认颜色后即可使用。 i need like on picture.
我需要像图片一样。
HTML 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 CSS
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
Below code might help , change the color accordingly of your choice below 下面的代码可能会有所帮助,请在下面相应地更改颜色
.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;
}
This might help. 这可能会有所帮助。 Create a css class "active" and set a background-color.
创建一个CSS类“ active”并设置背景色。
$(function() {
$("li").click(function() {
// remove existing class
$("li").removeClass("active");
// add class to the one we clicked
$(this).addClass("active");
});
});
$(".nav a").on("click", function(){
$(".nav").find(".active").removeClass("active");
$(this).parent().addClass("active");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.