Internetexplorer8-IE8和IE9选择框在悬停时自动关闭



我在主题中遇到了这个奇怪的问题:在IE中(我正在测试版本8,无法测试旧版本/新版本(,只有在IE中,当我悬停鼠标选择一个选项时,我网站上的所有选择框都开始关闭。这在Firefox上没有发生,在我的本地服务器上也没有发生,只在测试远程服务器上发生(是的,这两个网站是相同的(。因此,概括一下:本地版本:一切都很好,即使在IE中也是如此。远程版本:当我悬停在IE的选择框上时,它们就会"崩溃"。有什么想法吗?

我只在IE8中遇到过这个问题,下面是我解决它的方法:

在我的CSS中,我将一个字体家族应用于SELECT。相反,我将其应用于SELECT OPTION

因此,取而代之的是:

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

我做到了:

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

菜单也停止了不稳定的关闭。希望这能帮助到别人。

我发现问题在于在字体家族的名称中添加引号。所以,与其写

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

我已经申报

select{font-family: open sans;}

我也遇到了同样的问题。在我的案例中,它与Javascript完全无关,与您的链接所暗示的相反。原来是简单的CSS。

最终,我发现将color属性应用于select输入的CSS,而不使用黑色,会导致它们无法使用。值是十六进制还是rgb并不重要,只要它是黑色的即可。

我为目标IE7或8添加了一个条件注释(尽管7很好,但我需要它用于兼容模式下的IE8(,并设置了以下样式声明:

.myclass select {
   color: #000;
}

我遇到了同样的问题,解决方案如下:

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

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

感谢您回答这个问题

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

我也有同样的问题,但没有颜色声明。事实证明,这是一个字体家族规则。我使用了一个条件注释来针对IE8及更早版本,并将字体家族设置为"inherit"。填充和字体大小都很好。

我花了一整天的时间研究这个问题,但在IE9中。我正在分享我的解决方案,因为它不是因为selectcolorfont-family

事实证明,当IE在具有指定的opacity CSS值的select中发现option时,它会抓狂。即使不透明度被另一个具有opacity: noneopacity: 1的CSS规则覆盖,该属性也不会出现,也会出现此问题。

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

我在IE9中也遇到过这个问题。这是由于@font face语句中的字体族属性等于真正的字体族名称。在IE11中,它运行良好。

这救了我:

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

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

最新更新