[在Bootstrap 4中单击DropdownItem列表时如何更改DropdownToggle背景颜色

Question

我尝试单击DropdownItem时更改DropdownToggle的背景颜色。另外，更改顶部和底部的蓝色边框（不确定）吗？当单击DropdownToggle

Picture 1: This is the picture that before I click the item such as "AK","CA","DE"

在这种情况下，当我单击下拉项目“ FL”时，背景颜色变为黑色，并且在“ FL”周围有顶部和底部的蓝色边框

Picture 2: after select(click) "FL"

[单击项目时如何更改DropdownToggle背景颜色，我不希望黑色像图片一样，并且也尝试去除蓝色边框。

Answer 1

没有将您的代码添加到问题中，我无法更加具体，但是您可以使用以下Bootstrap元素访问nav中的元素

CSS

.nav-item {}

.nav-item a {}

.nav-item a:hover {}

.nav-item .dropdown-item {}

由于您要覆盖Bootstrap CSS，可能需要将!important;添加到您更改的属性中。