0

所以我在我的网站上使用 twitter bootstrap 并使用我购买的 css 模板。不幸的是，当使用 typeahead 下拉菜单时，下拉菜单上的悬停/聚焦选项太暗并且遮盖了我的文本。文本是黑色的，我的悬停/焦点上的背景是非常深的灰色，所以文本是不可恢复的

我尝试修改 dropdown-menu .active > a:hover 和几乎所有我可以看到的下拉菜单的颜色属性，但这并没有改变文本颜色。我一定错过了一些简单的东西

另外，当我尝试单击它以选择 chrome 中的检查元素时，不幸的是它消失了

我将不胜感激任何帮助

4

1 回答 1

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

祝你好运！

于 2013-02-17T01:03:10.717 回答