Cambiare il colore della freccia verso l'alto in un menu a discesa menu aperto
-
27-10-2019 - |
Domanda
Sto lavorando con Twitter bootstrap 2.0.1
Sto cercando di cambiare il colore della discesa-menu.
Sono riuscito a cambiare il colore del contenitore che sta venendo giù per sé, tuttavia non riesco il ritrovamento in cui la freccia è venuta da.
Qualcuno sa dove posso trovare il codice in cui la freccia proviene (e come cambiare il suo colore)?
Soluzione
Il codice freccia può essere trovato sulla line:2690
del bootstrap.css
. È possibile manipolare la sua posizione e il colore modificando il suo CSS, per esempio:.
.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;
}
Altri suggerimenti
Nella versione più recente di Bootstrap (v2.3.1), questo è cambiato. E 'ora on line 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;
}
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow