Bootstrap v3.2 nav-list - стиль при наведении - ie9

Question

Поэтому я использую bootstrap для создания стиля наведения при наведении курсора на ссылку navbar. Это работает нормально, пока вы не используете IE9 и не слишком быстро, стиль остается "зависшим", даже когда элемент больше не зависает.

Таким образом, я могу получить несколько пунктов в моем меню в стиле "зависания", чего не должно быть.

Мой код:

<ul class="nav nav-list">
    <!-- ko foreach: router.activeItem().sidebar.links -->
       <li data-bind="visible: visible" class="special">
           <a data-bind="attr: { href: hash, title: title }"
              data-toggle="tooltip"
              data-placement="right">
                   <i class="menu-icon fa fa-5x" data-bind="css: icon"></i>
           </a>
        </li>
     <!-- /ko -->
 </ul>

Баг:

Я пробовал много вещей, таких как добавление другого класса, как это:

.noHoverForThis {
color: inherit !important;
}

Это не работает по какой-то причине. То же самое для переопределения всего класса начальной загрузки не сработало для меня, если я не усердно написал это...

.navbar .nav-list > li:hover > a, 
.navbar .nav-list > li > a:hover {
    background-color: #e7e7e7 !important;
    color: inherit !important;
}

Имейте в виду, что ошибка возникает только в IE9.

Любая помощь будет приветствоваться!

EDIT: Interesting to know: I am using ACE Theme http://www.wrapbootstrap.com/

Answer 1

Вот и я наконец понял это.

Код, который следует использовать для исправления этой проблемы и переопределения состояния наведения:

.no-skin .nav-list > li:hover > a {
    background-color: rgb(248, 248, 248) !important;
    color: #585858 !important;
}

.nav-list > li::before {
    width: 0;
    height: 0;
    display: none;
}

А затем включить его в Index.cshtml Дюрандаль

    <!--[if lte IE 9]>
        <link rel="stylesheet" href="../../Content/IEHacks.css" />
    <![endif]-->

Это переопределит наведение темы туза, используя bootstrap v3.2