在Twitter中創建custom.css引導程序

例如，在twitter引導中有一個類「下拉菜單」。 <ul class="dropdown-submenu">。正如你所看到的那樣，它有一個向右的箭頭。如何在盤旋時將箭頭的顏色設置爲黑暗？在Twitter中創建custom.css引導程序

來源

2013-03-05 user2058595

你可以做到這一點通過以下方式：

對於下拉菜單onHover選項顏色變化：符的

.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*/ 
}

改變顏色時有效（下拉菜單）：

.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*/ 
}

For Dropdown子菜單

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

下拉子菜單onHover選項顏色變化：

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

    }

符的默認顏色在這裏設置並在下文提到的是可以改變的：

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

來源

2013-03-05 12:19:19 Shail

他被要求在引導更改圖標的顏色，使用圖標 – 2013-03-05 12:20:56

一個像我知道薩赫勒他是什麼要求。可以按照我提到的方式設置插入符號的顏色。 – Shail 2013-03-05 12:22:04

謝謝你給我建議@SahilPopli ..我真的很感謝你的努力。， – user2058595 2013-03-06 08:38:25

只是切換的glyphicons形象？

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

剛從google或glyphicons下載彩色圖標圖像文件或改變自己在Photoshop

來源

2013-03-05 12:19:22

他不是要求改變任何他沒有提到的關於它的字形。只是一個顏色變化..檢查我的解決方案 – Shail 2013-03-05 12:23:00

在Twitter中創建custom.css引導程序

回答

相關問題