開いたドロップダウンメニューで上向きの矢印の色を変更する
-
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