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

Posted 2023-03-06

【中文标题】如何在 IE 中覆盖 Twitter Bootstrap 下拉悬停

【英文标题】：How can I override Twitter Bootstrap dropdown hover in IE

【发布时间】：2013-01-25 13:15:14

【问题描述】：

这适用于 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/

【问题讨论】：

试试background: none

@bob_cobb 似乎也不起作用。这只会使我的光标和背景剧烈闪烁。

@Rob 好主意 -> jsfiddle.net/tcpxq

【参考方案1】：

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

【讨论】：

文件管理器：无对我来说是关键。谢谢罗伯特！这对我来说很难诊断。

谢谢，我已经找了几个小时了！

背景图片：没有对我来说是关键。另一个例子见***.com/questions/21854138/…。