質問

Twitter Bootstrap 2.0.1を使用しています

ドロップダウンメニューの色を変更しようとしています。

私はそれ自体を通過しているコンテナの色をなんとか変更することができましたが、矢印がどこから来ているのかを見つけることはできません。

矢印が由来するコードをどこで見つけることができるか(そして、それが色を変える方法)を知っている人はいますか?

examle

役に立ちましたか?

解決

矢印コードはにあります line:2690bootstrap.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;
}
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top