css - 如何在 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 bootstrap blue。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;
}