Cambie el color de la flecha ascendente en un menú desplegable abierto

Question

Estoy trabajando con Twitter Bootstrap 2.0.1

Estoy tratando de cambiar el color del menú desplegable.

He logrado cambiar el color del contenedor que está llegando a sí mismo, sin embargo, no puedo encontrar el hallazgo de dónde está llegando la flecha.

¿Alguien sabe dónde puedo encontrar el código de donde proviene la flecha (y cómo cambiar su color)?

Answer 1

El código de flecha se puede encontrar en line:2690 del bootstrap.css. Puede manipular su posición y color modificando su CSS, por ejemplo:

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

Answer 2

En la última versión de Bootstrap (v2.3.1), esto ha cambiado. Ahora está en línea 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;
}