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

Ful*_*vio 27 select internet-explorer-8 internet-explorer-9

我在主题中遇到了这个奇怪的问题:在IE中(我正在测试版本8,无法测试旧版本/更新版本)并且仅在IE中我的网站上的所有选择框在我悬停我的时候立即开始关闭鼠标选择一个选项.这种情况在Firefox上没有发生,这在我的本地服务器上没有发生,只在测试远程服务器上发生(是的,这两个站点是相同的).所以,回顾一下:本地版:一切都很好,即使在IE中也是如此.远程版本:IE的选择框一旦悬停在它们上面就会"崩溃".有任何想法吗?

小智 33

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

在我的CSS中,我正在应用一个字体系列SELECT.相反,我把它应用到了SELECT OPTION.

所以不是这样的:

select {font-family:'Avenir LT W01 85 Heavy';}
Run Code Online (Sandbox Code Playgroud)

我这样做了:

select option {font-family:'Avenir LT W01 85 Heavy';}
Run Code Online (Sandbox Code Playgroud)

菜单不规律地停止关闭.希望这有助于某人.

  • 你是DA MAN !! (2认同)
  • 这是一个很好的解决方案.不幸的是,我甚至无法使用自定义字体(仍会遇到问题),但是当我覆盖'select'和'select option'的CSS规则以使用像'Arial'这样的通用字体时,问题就消失了. (2认同)

小智 8

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

select{font-family:"Open sans";}
Run Code Online (Sandbox Code Playgroud)

我已经宣布了

select{font-family: open sans;}
Run Code Online (Sandbox Code Playgroud)


Tom*_*ler 7

我遇到了同样的问题.就我而言,它与Javascript完全无关,与你的链接所暗示的相反.原来是简单的CSS.

最终我发现将color属性应用于我的select输入'CSS除了黑色以外的任何东西会使它们无法使用.如果值是十六进制或rgb,则无关紧要,只要它是黑色的.

我把一个条件评论放到目标IE 7或8(即使7很好,我需要在兼容模式下的IE 8),并设置此样式声明:

.myclass select {
   color: #000;
}
Run Code Online (Sandbox Code Playgroud)

  • 在IE9中似乎仍然是一个问题,必须重置颜色和背景颜色.谢谢你的解决!`颜色:#000; background-color:#ffff (3认同)