html - 在 IE8 或 IE9 中悬停时无法更改 li a 的背景颜色

Question

我一直在尝试更改左侧按钮下拉菜单的 li 或锚点的背景悬停颜色（悬停时应该是浅灰色）。在除 IE8 和 IE9 之外的所有其他浏览器中工作。

我已经尝试了 50 多种不同的组合来覆盖红色，但完全没有运气。

演示页面：http ://templatebase.com/lwfdev/newsub/

任何想法将不胜感激。

Answer 1

您有重复的样式导致冲突。

IE 正在呈现这些样式：

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #BA2C26;
    background-image: linear-gradient(to bottom, #C32E28, #AE2924);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}

虽然现代浏览器呈现这些规则集：

a.new-sub-a:hover, .new-sub-a a:hover {
    background-color: #EBEBEB !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: #EBEBEB;
    color: #333333;
    text-decoration: none;
}

删除所有以前的样式并尝试这个合并版本：

.dropdown-menu > li > a:hover {
    background-color: #EBEBEB;
    color: #333333;
    text-decoration: none;
}