2013-02-16 67 views
0

所以我在我的網站上使用twitter bootstrap並使用我購買的css模板。不幸的是,當使用前進式下拉菜單時,下拉菜單上懸停/聚焦的選項太黑並且遮擋了我的文本。文本是黑色的,背景是我的懸停/焦點非常深灰色,所以文本是不可修改的什麼樣的class id在Twitter的typeahead下拉引導

我嘗試修改下拉菜單.active> a:懸停和幾乎所有我可以看到的顏色屬性倒在裏面,但是這並沒有改變文字的顏色。我必須失去了一些東西容易

而且當我嘗試點擊它,選擇在Chrome中檢查元素,它在前看不見不幸

我希望得到任何幫助

回答

1

這看起來像一個良好的開端給你: http://jsfiddle.net/panchroma/SDLpt/

懸停背景實際上是一個漸變。我將默認的懸停背景更改爲#aaa,並將默認的懸停文字顏色更改爲紅色,並且一切看起來都不錯。

CSS

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 
color: red; 
text-decoration: none; 
outline: 0; 
background-color: #aaa; 
background-image: -moz-linear-gradient(top, #aaa, #aaa); 
..... 
} 

祝你好運!

+0

大衛,非常感謝你。這正是我需要的。我應該使用JS小提琴而不是瀏覽器。非常感謝! – BDubbs 2013-02-17 15:32:27

+0

不客氣 – 2013-02-17 17:02:13