Changer la couleur de la flèche vers le haut sur un menu déroulant menu ouvert

Question

Je travaille avec twitter bootstrap 2.0.1

Je suis en train de changer la couleur du menu déroulant.

J'ai réussi à changer la couleur du récipient qui est comming vers le bas lui-même, mais je ne peux pas sembler le trouver où la flèche est comming de.

Quelqu'un sait où je peux trouver le code où la flèche vient de (et comment le changer de couleur)?

Answer 1

Le code de la flèche se trouve sur line:2690 du bootstrap.css. Vous pouvez manipuler sa position et la couleur en modifiant sa css, par exemple:.

.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

Dans la dernière version de Bootstrap (v2.3.1), cela a changé. Il est maintenant en ligne 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;
}