Twitter Bootstrap中的typeahead下拉类是什么类

时间:2013-02-16 23:55:22

标签: css3 twitter-bootstrap

所以我在我的网站上使用twitter bootstrap并使用我购买的css模板。不幸的是,当使用typeahead时,下拉列表显示下拉列表上的悬停/聚焦选项太暗并且模糊了我的文本。文本是黑色的,我的悬停/焦点背景是一个非常深的灰色,所以文字是不可取的

我尝试修改下拉菜单.active> a:悬停和几乎我能看到的所有内容的颜色属性下拉其中,但这并没有改变文本颜色。我一定错过了一些简单的事情

此外,当我尝试点击它以选择Chrome中的检查元素时,它不幸地消失了

我将不胜感激任何帮助

1 个答案:

答案 0 :(得分: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);
 .....
 }
祝你好运!