IE8 和 IE9 选择框悬停时会自行关闭

Question

我遇到了这个奇怪的问题，如主题所示：在 IE 中（我正在测试版本 8，无法测试较旧/较新的版本），并且仅在 IE 中，当我将鼠标悬停在我的网站上时，我网站上的所有选择框都开始自行关闭鼠标选择一个选项。 这不会发生在 Firefox 上，也不会发生在我的本地服务器上，仅发生在测试远程服务器上（是的，这两个站点是相同的）。 所以，回顾一下： 本地版本：一切都很好，即使在 IE 中也是如此。 远程版本：当我将鼠标悬停在 IE 的选择框上时，它们就会“崩溃”。 有什么想法吗？

Answer 1

我仅在 IE8 中遇到此问题，解决方法如下：

在 CSS 中，我将字体系列应用于 SELECT。
相反，我将其应用于SELECT OPTION。

因此，我没有这样做：

select {font-family:'Avenir LT W01 85 Heavy';}

我这样做了：

select option {font-family:'Avenir LT W01 85 Heavy';}

菜单停止不规则地关闭。希望这对某人有帮助。

Answer 2

我发现问题在于在字体系列的名称中添加引号。
写，而是声明了

select{font-family:"Open sans";}

所以，我没有

select{font-family: open sans;}

Answer 3

我也有同样的问题。就我而言，它与 Javascript 完全无关，与您的链接所暗示的相反。原来是简单的CSS。

最终我发现，将 color 属性应用到我的 select 输入的 CSS 中，使用黑色以外的任何内容都会导致它们无法使用。该值是十六进制还是 RGB 并不重要，只要它是黑色即可。

我将条件注释添加到目标 IE 7 或 8（即使 7 很好，但我需要它用于兼容模式下的 IE 8），并设置此样式声明：

.myclass select {
   color: #000;
}

Answer 4

我遇到了同样的问题，解决方案如下：

select         { font-family:inherit; font-size:inherit; }

select 的父级有必要的字体选项。

感谢您的回答这个问题

Answer 5

看起来可能是一些不同的 CSS 声明导致了这种情况。

我遇到了同样的问题，但没有颜色声明。事实证明这是字体系列规则。我使用条件注释来定位 IE8 及更早版本，并将字体系列设置为“继承”。填充效果很好，字体大小也很好。

Answer 6

我花了一整天的时间研究这个问题，但是是在 IE9 中。我正在分享我的解决方案，因为它不是由于 select 的 color 或 font-family 引起的。

事实证明，当 IE 在 select 中发现一个 option 具有指定的 opacity CSS 值时，它会崩溃。即使不透明度被另一个具有 opacity: none 或 opacity: 1 的 CSS 规则覆盖，该属性甚至不应该出现。

这是一个令人毛骨悚然的浏览器错误。

Answer 7

我在IE9下也遇到过这个问题。这是由于 @font-face 语句，其中 font-family 属性等于真实的 font-family 名称。在 IE11 中运行良好。

Answer 8

那救了我：

$('select').css('background-color','red')

PS。即使背景颜色已经在 css 文件中设置，也需要重置背景颜色。