<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
我已经编写了这段代码来使用 Bootstrap 创建一个下拉列表(非常简单),现在我试图在将鼠标悬停在下拉列表内的元素上时删除背景,但不知何故它们总是保持白色。
这是CSS
.dropdown-menu{
background-color: transparent;
border: transparent;
border: none;
}
.dropdown-menu .dropdown-item > li > a:hover {
background-image: none;
background-color: #000;
}
最佳答案
添加 .bg-transparent
到.dropdown-item
元素。完毕。
关于html - 删除悬停背景下拉 Bootstrap 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43829645/