Как изменить цвет пункта выпадающего списка Bootstrap?

Question

[jazzus]

В выпадающем списке пункты списка (пункт "Выйти" в коде ниже) синего (primary) цвета при нажатии. А при наведении серого.
Как сделать, чтобы и при наведении, и при нажатии были зеленого? Что прописать в css?
Код:

<li class="nav-item dropdown">
                        <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                            {{ Auth::user()->name }} <span class="caret"></span>
                        </a>

                        <div class="dropdown-menu dropdown-menu-right">
                            <a class="dropdown-item">
                                {{ __('Выйти') }}
                            </a>
                        </div>
</li>

Comments

[Дарья]

Я так понимаю где то должны быть css с указанием цветов серый и синий. Есть они?

[Дарья]

Дарья, bootstrap.css

Answer 1

[Ankhena]

Так задайте нужному классу зеленый фон

dropdown-item:hover {
background-color: green;
}

.dropdown-item.active, .dropdown-item:active {
background-color: green;
}

Comments

[jazzus]

Спасибо)