无法改变悬停在IE8或IE9上的li a的背景颜色

Question

我一直试图改变li或anchor的背景悬停颜色，左侧的按钮下拉菜单（悬停时应该是浅灰色）。除了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; 
}