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

我发现问题在于在font-family的名称中添加引号。所以，而不是写

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的父级具有必要的字体选项。

感谢您回答this question

Answer 5

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

我遇到了同样的问题，但没有颜色声明。事实证明，这是一个字体系列规则。我使用条件注释来定位IE8及更早版本，并将font-family设置为“inherit”。填充工作正常，字体大小也是如此。

Answer 6

我花了一整天的时间调查这个问题但是在IE9中。我正在分享我的解决方案，因为它不是因为color的{{1}}或font-family。

事实证明，IE在select内找到option且select具有指定的CSS值时会感到不安。即使不透明度被另一个包含opacity或opacity: none的CSS规则覆盖，也会出现此问题，该属性甚至不应出现。

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

Answer 7

我在IE9中也遇到过这个问题。这是由于@ font-face语句，你的font-family属性等于真正的font-family名称。在IE11中它工作正常。

Answer 8

那救了我：

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

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

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

8 个答案: