2013-02-16 49 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