Bootstrap: drop-down color change

Question

I am currently using this template: http://getbootstrap.com/examples/navbar-fixed-top/

Is there a way to give the background in the drop-down menu (the one that appears when the navigation bar falls down) a different color than the navigation bar itself?

What I have tried so far is without success:

.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

Use this

.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

try it

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

Answer 4

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

Answer 5

you can use the appropriate @media screen value

To change the original ul background, use the following code:

@media (max-width: 768px){
.dropdown-menu{

/*property: value;*/
}
}

Answer 6

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

Answer 7

If you click the drop-down menu, the boot class added the "open" class so that you can overwrite it as follows:

.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;
}