Как изменить цвет фона DropdownToggle при нажатии списка DropdownItem в Bootstrap 4

Question

Я пытаюсь изменить цвет фона DropdownToggle при нажатии DropdownItem. Кроме того, изменить верхнюю и нижнюю синюю рамку (не уверен)? при нажатии на DropdownToggle

Изображение 1: Это изображение, на котором я нажимаю на элемент, например «AK», «CA», «DE»

Когда ящелкните раскрывающийся элемент «FL», в этом случае цвет фона изменится на черный, а вокруг «FL» появится верхняя и нижняя синяя рамка

Изображение 2: после выбора (щелчка) «FL"

Как изменить цвет фона DropdownToggle, когда я щелкаю элемент, я не хочу черный цвет, как на картинке, а также пытаюсь удалить синюю рамку.

Answer 1

Без вашего кода, добавленного к вопросу, я не могу быть более конкретным, но вы можете получить доступ к элементам вашего nav с помощью следующих элементов Bootstrap

CSS

.nav-item {}

.nav-item a {}

.nav-item a:hover {}

.nav-item .dropdown-item {}

Поскольку вы перезагружаете Bootstrap CSS, вам, вероятно, потребуется добавить !important; к атрибутам, которые вы изменяете.