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你想要什么改变以及从哪里来。下面的代码可以用于更改下拉菜单的背景颜色和字体颜色。

add-migration Delta_Defect_0973 -ConfigurationTypeName your.namespace.ContextClassName -StartUpProject DeltaProject -ConnectionStringName DeltaSQL

Answer 3

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

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

Answer 4

试试这个

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover.dropdown-menu > .active > a:focus {color: #555555!important; background-color: #e7e7e7!important;}

Answer 5

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

Answer 6

.nav .open>a {background: #yourcolor !important;}

Answer 7

单击下拉菜单时，引导程序会添加一个“打开”类，因此您可以按以下步骤进行覆盖：

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #e7e7e7;
}

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

7 个答案: