更改打开的下拉菜单上向上箭头的颜色 [英] Change the color of the upward arrow on an open dropdown-menu

问题描述

我使用twitter bootstrap 2.0.1

I'm working with twitter bootstrap 2.0.1

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

I'm trying to change the color of the dropdown-menu.

我已经设法改变正在下降的容器的颜色，但是我不能找到箭头所在的位置。

I have managed to change the color of the container that is comming down itself, however I can't seem the find where the arrow is comming from.

任何人都知道我可以在哪里找到箭头所在的代码（以及如何更改它的颜色）？

Anyone know where I can find the code where the arrow comes from (and how to change it's color)?

推荐答案

箭头代码可以在 bootstrap.css 的code> line：2690 。你可以通过修改它的CSS来操纵它的位置和颜色，例如：

The arrow code can be found on line:2690 of the bootstrap.css. You can manipulate its position and color by modifying its css, e.g.:

.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;
}

这篇关于更改打开的下拉菜单上向上箭头的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！