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

Gan*_*alf 12 twitter-bootstrap

我想删除Twitter Bootstrap框架下拉菜单中显示的箭头.有没有人想办法去除箭头?

Ada*_*son 25

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

.dropdown-menu::before, 
.dropdown-menu::after {
    border: none;
    content: none;
}
Run Code Online (Sandbox Code Playgroud)

将自己的下拉菜单中的小标签删除.

  • 我强制添加`!important`标志来覆盖引导程序设置.原始声明有很多层次的特殊性. (2认同)

Las*_*sen 22

来自:http://twitter.github.com/bootstrap/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>
Run Code Online (Sandbox Code Playgroud)

如果删除<span class="caret"></span>箭头未显示.

用dev开始尝试.在Chrome中控制台,似乎工作.