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

Question

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

我有一个 twitter 引导下拉菜单。

<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;
}