Css Drupal megamenu：如何摆脱IE8/9中悬停时的蓝色背景？

我正在为使用megamenu的Drupal7构建的站点制作主题css

在IE7/8/9（但不是IE10）中，当您将鼠标悬停在菜单项（a元素）上时，菜单项（a元素）有一个蓝色背景，但我无法识别导致此样式的css规则，以便将其取消。drupal.org上显示了这个问题的屏幕截图（），但还没有解决方案

我梳理了megamenu模块css，也梳理了一些基于引导的主题css，发现很多样式似乎将蓝色或“继承”背景应用于由各种悬停状态和/或活动父元素选择的megamenu元素，复制了这些选择器中的每一个，并尝试通过应用于所有选择器来取消蓝色背景：

background-color: transparent !important;
background-image: none !important;
background: none !important;

没有成功

在绝望中我尝试了（#region menu是我的megamenu所在的容器）

这消除了IE7中的悬停状态蓝色背景，但在IE8/9中没有

然后我试图强制IE调试器识别样式的来源。我试过这个把戏： 但是当我得到要显示的样式时，跟踪样式显示我的规则为活动的，即使IE显示的是蓝色背景，而不是透明背景

---

我完全不知所措，我要向任何发现蓝色背景的人致敬

导致不需要的蓝色背景的样式位于modules\tb\u megamenu\css\base.css第230和245行

仅仅删除背景图像和颜色（就像我以前尝试过的那样）只在IE7中有效。要删除IE8/9中的蓝色背景，需要重置过滤器以删除渐变

这在IE7/8/9中为我修复了它：

.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a ,
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover
{
    background-color: transparent !important;
    background-image: none !important;
    filter: alpha(opacity=100);
}

.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a ,
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover
{
    background-color: transparent !important;
    background-image: none !important;
    filter: alpha(opacity=100);
}