如何在IE中覆盖Twitter Bootstrap下拉悬停

Question

适用于Chrome，Safari和Firefox。 但不是在IE9中。我想从下拉菜单中删除蓝色背景。

我有一个twitter bootstrap下拉菜单。

<ul class="dropdown-menu">
  <li>
    <a href="/users/sign_out">Sign out</a>
  </li>
</ul>

在我的overrides.css（在bootstrap.min.css之后加载）

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: red;
  background-color: white;
  background-image: none;
}

然而，在IE中，background-color和background-image无法正常工作，它仍然是Twitter引导程序蓝色。 color工作正常，我悬停时它是红色的。

非常感谢任何帮助！

以下是我的示例jsfiddle：http://jsfiddle.net/tcpxq/

Answer 1

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: red;
  background-color: white;
  background-image: none;
  filter: none;
}