在打开的下拉菜单上更改向上箭头的颜色

【问题标题】：Change the color of the upward arrow on an open dropdown-menu在打开的下拉菜单上更改向上箭头的颜色
【发布时间】：2020-04-21 16:37:32
【问题描述】：

我正在使用 twitter bootstrap 2.0.1

我正在尝试更改下拉菜单的颜色。

我已经设法改变了自己倒下的容器的颜色，但是我似乎无法找到箭头的来源。

谁知道我在哪里可以找到箭头的来源（以及如何更改它的颜色）？

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

箭头代码可以在bootstrap.css 的line:2690 上找到。您可以通过修改它的 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;
}

【讨论】：

【解决方案2】：

在最新版本的 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;
}

【讨论】：

【解决方案3】：

Bootstrap 4.4 更新（2020 年）：使用

<style>
.navbar .dropdown-toggle::after{ color:red; }
</style>

【讨论】：