如何在Bootstrap 4中删除下拉菜单中的箭头？

Question

如何在Bootstrap 4中删除下拉菜单中的箭头？

174

我正在使用Bootstrap 4，尝试删除下拉菜单中的箭头。

我找到的适用于Bootstrap 3的答案现在已经无法使用。

这里是jsfiddle示例。

<div class="dropdown open">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
  </div>
</div>

- Hongbo Miao

13个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jerryurenaa · Answer 1

你尝试过在class中使用tag="a"吗？这样可以隐藏箭头而无需进一步的CSS。

- Carl Leiner · Answer 2

在下拉菜单切换类声明中添加no-arrow。

- alvic · Answer 3

这适用于Bootstrap4和ng-bootstrap。

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