如何在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没有工作,它仍然是推特蓝色的推特.该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;
}