Bootstrap:更改背景颜色下拉菜单

Question

目前我正在使用此模板:http: //getbootstrap.com/examples/navbar-fixed-top/

是否有任何方法可以在dropdown菜单中显示背景(当导航栏折叠时弹出的那个)另一种颜色而不是导航栏本身？

到目前为止我尝试的是这个,没有成功:

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
}

Answer 1

用这个

.navbar-nav > li > .dropdown-menu { background-color: #FF0000; }

Answer 2

记住，您使用CSS所做的全部工作就是调用您的HTML已经读取的内容。您需要告诉CSS您想要什么更改以及从何处进行更改。下面的代码应与更改下拉菜单的背景颜色和字体颜色一起使用。

/* Dropdown menu background color*/

.navbar-nav > li > .dropdown-menu {     background-color: #e7e7e7;  }

/* Dropdown menu font color*/ 

 .navbar-nav > li > .dropdown-menu a{   color: #555555;  }

Answer 3

获取 Bootstrap 导航菜单下拉菜单的背景颜色

.navbar-nav > li > .dropdown-menu a:link,
.navbar-nav > li > .dropdown-menu a:hover { background-color: #FF0000;}

Answer 4

ul.dropdown-menu {
    background-color: #000;
}