Измените цвет стрелы вверх
-
27-10-2019 - |
Вопрос
Я работаю с Twitter Bootstrap 2.0.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;
}
Другие советы
В последней версии 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;
}
Не связан с StackOverflow