引导下拉菜单颜色悬停不起作用
问题描述:
我一直试图编辑导航栏下拉菜单中悬停时的背景颜色,但它仍然保持着这种灰色。我发布了一些我已经尝试在HTML代码中进行调整的代码。 引导下拉菜单颜色悬停不起作用
.dropdown-menu {
background-image: transparent !important;
background-color:#285eff !important;
color:#668CFF !important;
border: 1px solid #668CFF !important;
}
.dropdown-menu > li > a {
background-image: transparent !important;
color: #D2DCFC !important;
}
.dropdown-toggle:active,
.dropdown-toggle:focus,
.dropdown:active,
.dropdown > .open {
background-image: transparent !important;
background-color:#2658ED !important;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:active,
.dropdown-submenu:hover > a{
background-image: transparent !important;
background-color: #2658ED !important;
}
.dropdown-menu li.active > a,
.dropdown-menu li.active > a:hover,
.dropdown-menu li.active > a:focus {
background-image: transparent !important;
background-color: #2658ED !important;
}
ul.nav li ul {
background-color:#2658ED !important;
}
<div class="navbar navbar-final navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<a href="#" class="navbar-brand">CleverPlay</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Games <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="yahtzee/index.php">Yahtzee</a></li>
<li><a href="hangman/index.php">Hangman</a></li>
<li><a href="flapcard/index.php">Flapcard</a></li>
</ul>
</li>
<li><a href="#">Scores</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
而且我也有在那里,每次我从该网页上说另一个网页(不是标签),那么它变成背景色灰色的窗口取消的问题,但文字是还好。
- 这里有一个小提琴:http://jsfiddle.net/cb25dj9g/
答
对于你的问题的上半场,添加以下内容:
.dropdown-menu > li > a {
background-image:none; // before setting any background-color
}
提供了小提琴,请 – Haris 2014-12-01 15:43:12
我固定我的问题的下半年。对于任何人也会遇到这个问题,它在'.navbar-final .navbar-nav> li> {background-color:transparent;}' – Azalea 2014-12-01 16:12:05
而不是试图调整CSS,最好是调整原始变量通过http://getbootstrap.com/customize/或更好的方式下载源代码并将其编译为自己的css http://getbootstrap.com/getting-started/ – Tims 2014-12-01 21:27:56