Измените цвет стрелки вверх в раскрывающемся меню

Я работаю с twitter bootstrap 2.0.1

Я пытаюсь изменить цвет выпадающего меню.

Мне удалось изменить цвет контейнера, который сам отправляется, но я не могу найти, откуда стрелка идет.

Кто-нибудь знает, где я могу найти код, откуда появляется стрелка (и как изменить цвет)?

examle

Ответы

Ответ 1

Код стрелки можно найти на line:2690 bootstrap.css. Вы можете управлять своим положением и цветом, изменяя его 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;
}