12

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

4

9 回答 9

26

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

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

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

于 2012-06-23T23:15:31.680 回答
22

来自：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>箭头不显示。

用开发者试了一下。Chrome 中的控制台，并且似乎可以正常工作。

于 2012-04-20T11:00:13.683 回答
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>
于 2017-08-30T00:05:32.270 回答
3 
.dropdown-toggle::after{
    display: none;
}
于 2017-01-21T21:09:04.567 回答
2

只需从下拉菜单中删除边框底部即可从导航栏中删除箭头。

.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after{
    border-bottom: none;
}
于 2015-03-19T05:46:37.840 回答
1

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

于 2013-08-22T08:06:23.470 回答
-1

.dropdown-toggle-split在标签中添加类

于 2017-08-02T19:20:55.907 回答
-1

唯一对我有用的是，class="caret"如果您使用引导下拉菜单，我将其删除。希望这对你也有用。

于 2018-02-01T17:37:50.207 回答
-1

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

于 2019-05-07T04:13:38.337 回答