Twitter bootstrap 如何从引导CSS的下拉列表中删除箭头？

我试图删除Twitter引导框架中下拉菜单上出现的箭头。有没有人想出办法从以下位置移除箭头？

：

如果删除

，则不会显示箭头

---

使用Chrome中的开发控制台进行了尝试，似乎效果不错。

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

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

---

将从下拉菜单中删除小选项卡。

我发现最好的解决方案是添加

溢出：隐藏

至

。下拉菜单

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

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

---

在标签中添加

.dropdown toggle split

类

如果复制现有的引导下拉示例，菜单按钮标签如下所示：

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

---

唯一对我有用的是，如果您使用的是引导下拉列表，我删除了

class=“caret”

。希望你也能这样做。

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

我删除了，箭头消失了，这就解决了问题。如果你在发布答案之前找到了答案，请将其发布为下面的答案，并批准它关闭此线程，这样也可以帮助未来的用户。@Andres，与不到100次的会员一起思考。他们不能在8小时前回答自己的问题。我已经接受了答案，谢谢你的指点。我被迫添加

！重要信息

覆盖引导设置的标志。在最初的声明中有相当多的特殊性。太好了。谢谢你的提示。这正是我要找的。你不是被迫添加

！重要信息

。只是让你的规则比引导式规则更具体。我使用这个解决方案是为了防止插入符号出现在侧菜单中，当菜单折叠到屏幕一侧时+一个简单的解决方案。@TahirAlvi完成。以后，可以在不通知作者的情况下随意更新链接。

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

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

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