@jazzus

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

В выпадающем списке пункты списка (пункт "Выйти" в коде ниже) синего (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>
  • Вопрос задан
  • 1856 просмотров
Решения вопроса 1
Ankhena
@Ankhena
Нежно люблю верстку
Так задайте нужному классу зеленый фон
dropdown-item:hover {
background-color: green;
}

.dropdown-item.active, .dropdown-item:active {
background-color: green;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы