Изменение фона для выпадающего списка бутстрапов a on hover

Я использую dropstrap dropdown из div div, и я хотел бы изменить цвет ссылок подменю при наведении указателя мыши. Ничего я не пытаюсь работать, и я не могу понять. Это не имеет никакого эффекта даже при попытке запустить вещи с консоли хром.

Я создал файл css, где я переопределял значения по умолчанию. Изменение фона для обычных тегов a работает, но наведение не происходит. Почему это? Я также попытался повлиять на li и использовать !important, но ничто из этого не имеет никакого эффекта.

Я использую Bootstrap 3.1.1. Вот мой css:

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

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

И проверьте этот jsfiddle тоже для демонстрации (по какой-то причине вам нужно перетащить панель результатов много влево перед тем, как вы увидите кнопку). Есть идеи?

изменить

Примечание. Я пытаюсь изменить цвет фона для ссылок в, а не для основной кнопки MyProfile.

Ответ 1