Ändern Sie die Farbe des Aufwärtspfeils auf einer offenen Dropdown-Menu

Question

Ich arbeite mit Twitter Bootstrap 2.0.1

Ich versuche die Farbe des Dropdown-Menus zu ändern.

Ich habe es geschafft, die Farbe des Containers zu ändern, der sich selbst enthält, aber ich kann den Fund, von dem der Pfeil kommt, nicht scheinen.

Weiß jemand, woher ich den Code finde, aus dem der Pfeil stammt (und wie man seine Farbe ändert)?

Answer 1

Der Pfeilcode kann auf gefunden werden line:2690 des bootstrap.css. Sie können seine Position und Farbe manipulieren, indem Sie deren CSS, z. B.:

.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

In der neuesten Version von Bootstrap (v2.3.1) hat sich dies geändert. Es ist jetzt online 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;
}