Changer la couleur de la flèche vers le haut sur un menu déroulant menu ouvert
-
27-10-2019 - |
Question
Je travaille avec twitter bootstrap 2.0.1
Je suis en train de changer la couleur du menu déroulant.
J'ai réussi à changer la couleur du récipient qui est comming vers le bas lui-même, mais je ne peux pas sembler le trouver où la flèche est comming de.
Quelqu'un sait où je peux trouver le code où la flèche vient de (et comment le changer de couleur)?
La solution
Le code de la flèche se trouve sur line:2690
du bootstrap.css
. Vous pouvez manipuler sa position et la couleur en modifiant sa css, par exemple:.
.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;
}
Autres conseils
Dans la dernière version de Bootstrap (v2.3.1), cela a changé. Il est maintenant en ligne 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;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow