Changer l'arrière-plan pour bootstrap déroulant sur un hover

Je suis en utilisant bootstrap de la liste déroulante à partir d'une navigation div, et j'aimerais changer la couleur de la sous-menu liens sur le vol stationnaire. Rien, je suis d'essayer d'œuvres, et je ne peux pas faire sens. C'est n'avoir aucun effet même en essayant de faire tourner les choses à partir de la console chromée.

J'ai créé un fichier css où j'ai remplacer les valeurs par défaut. Le changement d'arrière-plan pour la normale a balises fonctionnent, mais le hover ne fonctionne pas. Pourquoi est-ce? J'ai aussi essayé affectant la li et à l'aide de !important, mais rien de tout cela est d'avoir un quelconque effet.

Je suis en utilisant Bootstrap 3.1.1. Voici mon css:

.dropdown-menu > li > a {
    color: white; /* This has an effect */
}

.dropdown-menu > li > a:hover {
    background-color: red; /* This doesn't... why? */
}

Et découvrez ce jsfiddle trop pour une démonstration (pour une raison quelconque, vous devez faire glisser le résultat panneau a beaucoup de choses à la gauche avant de voir le bouton). Des idées?

modifier

Remarque je suis en train de changer la couleur d'arrière-plan pour les liens dans la liste déroulante, pas pour le bouton principal qui est MyProfile.

Aussi, ce n'est pas un doublon. J'ai essayé cette réponse et celui-ci, et rien ne fonctionne.

OriginalL'auteur yuvi | 2014-02-18

  1. 33

    Bootstrap définit une image de fond pour les éléments, l'enlever pour utiliser une simple couleur de remplissage.

    Simplement redéfinir votre vol stationnaire comme suit:

    .dropdown-menu > li > a:hover {
    background-color: red;
    background-image: none;
}

    http://jsfiddle.net/sW7Dh/4/

    Presque, seulement je veux le sous-menu hover pour le travail, pas le MyProfile. Remarquez comment j'utilise .dropdown-menu. La chose étrange est, à l'aide de !important ne fonctionne pas...
    Pardon, mal compris votre question, mise à jour de réponse.
    Oui! Merci!!!! Qui fonctionne. Wow, je n'ai pas pensé qu'ils faisaient quelque chose de tellement alambiqué que l'utilisation d'une image d'arrière-plan au lieu d'un fond normal-couleur... C'est tellement bizarre!
    ceci m'aider. merci
    href="https://github.com/twbs/bootstrap/issues/14381" >en raison de ce problème

    OriginalL'auteur Nit