web-dev-qa-db-fra.com

Bootstrap: menu déroulant Changer la couleur d'arrière-plan

En ce moment, j'utilise ce modèle: http://getbootstrap.com/examples/navbar-fixed-top/

Existe-t-il un moyen de donner l’arrière-plan dans le menu déroulant (celui qui s’affiche lorsque la barre de navigation est réduite) a une autre couleur que celle qui est utilisée?

Ce que j’ai essayé jusqu’à présent est la suivante: sans succès:

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

Utilisez ceci

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

Rappelez-vous que tout ce que vous faites avec CSS appelle ce que votre code HTML lit déjà. Vous devez demander au CSS quels changements vous souhaitez et d'où. Ce code ci-dessous devrait permettre de modifier la couleur d'arrière-plan de votre menu déroulant et la couleur de la police.

/* Dropdown menu background color*/

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

/* Dropdown menu font color*/ 

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

Essaye ça

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover.dropdown-menu > .active > a:focus {color: #555555!important; background-color: #e7e7e7!important;}
1
Gurvir
.nav .open>a {background: #yourcolor !important;}
0
wildnano

vous pouvez utiliser une valeur d'écran @media appropriée 

pour changer l’arrière-plan ul parent, utilisez le code suivant:

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

/*property: value;*/
}
}
0
imdhemy
ul.dropdown-menu {
    background-color: #000;
}
0
Andrew Matthew