Création custom.css dans Twitter Bootstrap

Question

Il y a une classe "menu déroulant" dans le bootstrap de Twitter par exemple. <ul class="dropdown-submenu">. Comme vous observez il y a une flèche juste à côté. Comment définir la couleur de la flèche à la noirceur en vol stationnaire?

Answer 1

Vous pouvez le faire de la manière suivante:

Pour Dropdown menu onhover changement de couleur:

.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { 
border-bottom-color: red;/*change color to your liking*/ 
border-top-color: red;/*change color to your liking*/ 
} 

Changer la couleur de caret lorsqu'elle est active (Menu déroulant):

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { 
border-bottom-color: #008745;/*change color*/ 
border-top-color: #008745;/*change color*/ 
} 

Pour le sous-menu déroulant

.dropdown-submenu > a:after { 
border-color: transparent transparent transparent #000000;/*change here */ 
border-style: solid; 
border-width: 5px 0 5px 5px; 
content: " "; 
display: block; 
float: right; 
height: 0; 
margin-right: -10px; 
margin-top: 5px; 
width: 0; 
} 

sous-menu déroulant onHover changement de couleur:

.dropdown-submenu:hover > a:after{ 
     border-left-color:#fff; /* change the color to anything of your choice*/ 

    } 

La couleur par défaut de caret est défini ici et peut être modifié où mentionné ci-dessous:

.caret { 
border-left: 4px solid transparent; 
border-right: 4px solid transparent; 
border-top: 4px solid #FFFFFF; /* change the color to anything of ur liking */ 
content: ""; 
display: inline-block; 
height: 0; 
vertical-align: top; 
width: 0; 
} 

Answer 2

zappent sur l'image glyphicons?

.dropdown-submenu:hover{ 
    i{ 
    background-image: url("../images/bootstrap/glyphicons-halflings-white.png"); 
    } 

Il suffit de télécharger le fichier image icône de couleur de google ou glyphicons ou modifier vous-même dans Photoshop