如何使用Twitter Bootstrap将菜单项行为更改为“悬停更改背景”？

Question

正如您在默认的twitter bootstrap导航栏菜单中看到的那样，只有活动菜单项的背景与其他菜单项不同。 我想要的是当我在菜单项上时，我希望将背景更改为另一种颜色。 最重要的是，当我将鼠标悬停在菜单项上时，我应该充当活动状态。 我怎样才能做到这一点？

Answer 1

这里的每个人都错了，经过一些测试后你会发现这个CSS来改变菜单悬停。

.dropdown-menu li a:hover {background-color:red;}

享受

Answer 2

您必须在特定的页面上为li添加内联样式或不同的ID，并根据自己的喜好对其进行样式设置。如果您没有访问权限，则必须使用Jquery执行此操作。这是否回答了你的问题。

Answer 3

在你的css中：

.navbar .nav > a:hover {background-color:#f60;}

我希望这会有所帮助，我对你的要求感到有些困惑。

Answer 4

通过@ martincho检查答案 - 它改变了蓝色悬停颜色对我有用：

请勿更改bootstrap.css。创建另一个css文件，您可以在其中覆盖此文件。无论如何，这条线是4572：

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a

将background-image设置为无，将background-color设置为您想要的任何颜色。