我正在使用Twitter Bootstrap 2.0.1
我正在尝试更改下拉菜单的颜色。
我设法改变了容器本身的颜色,但是我似乎找不到从其来的箭头的位置。
任何人都知道我在哪里可以找到箭头来源的代码(以及如何更改其颜色)?
可以在line:2690
的bootstrap.css
上找到箭头代码。您可以通过修改其CSS来操纵其位置和颜色,例如:]
.navbar .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #000; /* change color here, modified for a black arrow */
position: absolute;
top: -6px;
left: 10px;
}
在最新版本的Bootstrap(v2.3.1)中,此更改。现在在线694
.navbar .nav>li>.dropdown-menu:after{
content:'';
display:inline-block;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #ffffff;
position:absolute;
top:-6px
;left:10px;
}
Bootstrap 4.4更新(2020年):使用
<style>
.navbar .dropdown-toggle::after{ color:red; }
</style>