Question

我正在尝试删除Twitter Bootstrap框架下拉菜单中显示的箭头。有没有人想过去除箭头的方法？

Answer 1

从链接中删除插入符类会从导航栏中删除箭头

.dropdown-menu::before, 
.dropdown-menu::after {
    border: none;
    content: none;
}

将自动从下拉菜单中删除小标签。

Answer 2

来自：https://getbootstrap.com/2.3.2/components.html#buttonDropdowns

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

如果您移除<span class="caret"></span>，则不会显示箭头。

使用dev尝试了。 Chrome中的控制台，似乎可以正常工作。

Answer 3

从下拉菜单中删除border-bottom将从导航栏中删除箭头。

.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after{
    border-bottom: none;
}

Answer 4

如果复制现有的Bootstrap下拉列表示例，则菜单按钮标记如下所示：

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Menu Name</button>

删除dropdown-toggle类会删除箭头（或插入符号）：

<button class="btn btn-primary" type="button" data-toggle="dropdown">Menu Name</button>

Answer 5

我发现最好的解决方案是将overflow:hidden;添加到.dropdown-menu

Answer 6

.dropdown-toggle::after{
    display: none;
}

Answer 7

在标记

中添加.dropdown-toggle-split类

Answer 8

唯一对我有用的是，如果你使用bootstrap下拉列表我删除了class="caret"。希望这也适合你。

Answer 9

在Bootstrap4中，从“ a”元素中删除“ drop-toggle”类。

如何从Bootstrap CSS的下拉列表中删除箭头？

9 个答案: