如何更改悬停在子菜单上的颜色

Question

我正在尝试更改我网站顶部导航中子菜单的悬停颜色，但似乎没有任何效果。它似乎采用了我页脚中使用的灰色，但没有其他地方作为悬停颜色。这是我用来让它工作的代码：

.navbar-inverse .dropdown-menu, a:hover {
color: #cc3300;
border-bottom-color: #cc3300;
border-bottom-width: 5px;

}

可能是我的其他导航栏和下拉菜单中的其他内容 css 代码覆盖了它，但我不知道它在哪里。从理论上讲，这应该有效，但事实并非如此。

有什么建议吗？

Answer 1

这里应该有所帮助，您需要添加“！”如下所示的背景和颜色标记：

.navbar-inverse .dropdown-menu a:hover {
background: #CC3300 !important;
color: #fff !important; }

此致！编辑以将悬停更改为红色并将字体保持为白色。

How to change color of hover on sub-menu