我正在使用 Twitter bootstap,并希望删除导航栏中下拉菜单上的向上箭头。我在 bootstrap.css 中找不到引用。
.navbar .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #000; /* change color here, modified for a black arrow */
position: absolute;
top: -6px;
left: 10px;
}
最佳答案
我不建议您编辑 bootstrap.css
文件。您可以覆盖自定义样式表中的样式以隐藏该组件的箭头,如下所示:
.dropdown-menu:after {
border: none !important;
content: "" !important;
}
使用这种方法,您甚至可以只覆盖特定的下拉菜单。例如,如果您的下拉列表是一个具有 ID my_dropdown
的元素的子元素,您可以:
#my_dropdown .dropdown-menu:after {
border: none !important;
content: "" !important;
}
这将允许您为其他下拉菜单设置一个箭头,同时为这个特定的下拉菜单隐藏它。
关于css - Bootstrap 删除下拉列表中的向上箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15792132/