Hover-эффект в навигации bootstrap

386

03 марта 2017, 01:28

Не могу найти, где задается hover-эффект для элементов навигации. При наведении на элемент меню появляется белый бэкграунд (см. рисунок). Я в css его нигде не прописывал, через firebug тоже не обнаруживается, применяется именно к li. Искал в bootstrap.js - безрезультатно. Прошу помощи

<nav class="mainMenu"><a class="hamburger" href="#"><i class="fa fa-3x fa-bars" aria-hidden="true"></i></a>
        <ul class="nav nav-pills" id="menu">
          <li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">главная</a></li>
          <li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">о проекте</a></li>
          <li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">контакты</a></li>
        </ul>
</nav>

Answer 1

Не там и не то искали

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

Answer 2

Бэкграунд серый, а не белый. Применяется не к li, а к a.
Через диспетчер вполне должен детектиться. Вероятно, не там искался.
Тянутся стили из bootstrap.css:

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

fancybox не применяется слайдер к галерее

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

295

javascript

Баг MarionetteJs в хроме?

Здравствуйте! У меня проблема, и еще страннаяЕсть CollectionView

321

javascript

Как сделать рекурсивную функцию с map?

Как записать эту строку

295

javascript

Не подключается к сокетам сайта

Есть бот, в нем прописано httplisten(8303, function()

286