删除 Bootstrap 下拉插入符号

lp0sw83n 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(6)|浏览(141)

我正在用bootstrap制作我的个人投资组合，导航下拉菜单有一个插入符号，你可以在http://portfolio.tomvervoort.net看到。
投资组合旁边的插入符号是可以的，但是当你点击投资组合时，下拉菜单的顶部也有一个白色的插入符号。有人知道如何删除这个吗？

6条答案

您的插入符号位于.dropdown-menu:after内。因此，请这样书写：

.navbar .dropdown-menu:after{
 display:none;
}

在Rails中也有同样的问题（使用twitter bootstrap rails gem），修复略有不同。

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

在当前版本的TBS（v2.2.1）中，您还需要将：before伪选择器作为目标，如下所示：

.navbar .dropdown-menu:after, .navbar .dropdown-menu:before {
    display:none;
}

请尝试执行以下操作：

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

对我来说很好。：-）

从git hub post现在我们可以直接使用noCaret prop。这篇文章基本上来自DropDownButton，但它也适用于NAvButton

在尝试了几种解决方案并尝试遵循正确的类引用后，这是一个快速修复，但如果可以的话，可以嵌套它，这样它就不会影响其他全局a标记：

a::after {
    content: none !important;
}