在 bootstrap 2.3.2 下拉菜单中删除三角形 (?) ::before

Question

我有一个导航栏，可以将其配置为垂直或水平放置在页面上。它适用于使用 bootstrap 2.3.2.

的系统上的小部件

我想删除或移动下拉菜单上方的三角形。（叫什么？）

我曾尝试将 ::before 设置为 display:none 、content:none 等，但均未成功。改变 css 的位置 left 和 top 似乎只会影响边框。有没有办法 remove/hide 以一种巧妙的方式做到这一点？或者更好，将它放在左侧，朝向导航栏？

.navbar .nav>li>.dropdown-menu:before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, .2);
content: '';
color: rgba(0,0,0,0);}

或者这是 bootstrap 的默认行为？菜单是通过阅读 JSON 创建的，所以我希望对垂直和水平菜单使用相同的代码，因为这只是一个视觉“问题”。

Answer 1

通过在 ::before 和 ::after 上将内容设置为 none 即可轻松解决。应该想到那个::在我发布之前。

在 bootstrap 2.3.2 下拉菜单中删除三角形 (?) ::before

Remove triangle(?) ::before on bootstrap 2.3.2 dropdown menu

html

css

twitter-bootstrap

twitter-bootstrap-2

dropdown