Question

左侧导航here中的“更多”下拉列表中有一个背景悬停，我正试图摆脱，我无法看到背景颜色的来源，我删除了所有背景徘徊。

任何人都知道我如何找到影响它的CSS？

Answer 1

今天的浏览器都带有内置元素检查工具，但Firefox也有流行的Firebug插件。您应该可以选择在正在检查的元素上人工设置:hover。

无论如何，您不需要知道规则的覆盖范围。只需在选择器上设置background-color: auto !important，就可以了。

Answer 2

编辑：抱歉，这个答案专门针对右侧下拉列表中的错误。

这段代码是否在困扰你：

Structure.css / line 596：

#top-nav .dropdown-menu li:hover, #top-nav .dropdown-menu a:hover, .dropdown-menu > li > a:hover
{
    background-color: #464358 !important;
    color: #fff;
}

我找到了一个Firefox的Firebug扩展程序。安装，右键单击该项目，“使用Firebug进行分析”。

Answer 3

#top-nav .dropdown-menu li:hover, #top-nav .dropdown-menu a:hover, .dropdown-menu > li > a:hover {
background-color: #464358 !important;}

删除此行

Answer 4

试试这个：

   ul.dropdown-menu li a:hover{
     background: #fff !important;
     cursor: default;
   }

或者，如果你想获得相同的父背景颜色：

ul.dropdown-menu li a:hover{
   background: transparent !important;
   cursor: default;
}

Answer 5

使用firebug #left-nav .dropdown-menu > li > a:hover CSS第1353行

背景悬停显示在CSS中

5 个答案: