2012-02-17 12 views
14

sto lavorando con Twitter bootstrap 2.0.1Cambiare il colore della freccia verso l'alto in un menu a discesa menu aperto

sto cercando di cambiare il colore della discesa-menu.

Sono riuscito a cambiare il colore del contenitore che sta arrivando da solo, tuttavia non riesco a trovare la direzione da cui proviene la freccia.

Qualcuno sa dove posso trovare il codice da cui proviene la freccia (e come cambiarne il colore)?

examle

risposta

19

Il codice freccia può essere trovato sul line:2690 del bootstrap.css. È possibile manipolare la sua posizione e il colore modificando il suo CSS, ad es .:

.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; 
} 
1

Nella versione più recente di Bootstrap (v2.3.1), questo è cambiato. È 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; 
} 
Problemi correlati