【问题标题】::Hover pseudo selector not working on Select element in IE:Hover 伪选择器不适用于 IE 中的 Select 元素
【发布时间】:2012-05-10 15:35:38
【问题描述】:

我似乎无法让 :hover 伪选择器在 IE 7、8 和 9 中的 Select 元素上工作,即使我发现的文档说 IE7+ 支持它。

据此它应该在 IE7+ 中完全支持: http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx#pseudoclasses

Quirksmode 说“几乎”http://www.quirksmode.org/css/contents.html

我尝试过使用严格的文档类型,但没有区别。

有人知道如何让 :hover 选择器适用于 CSS 中的 Select 元素吗?

我只是想更改 :hover 上的边框颜色,但 IE7 似乎甚至不支持设置边框。它在 IE8+ 中受支持,但 :hover 似乎不是。更改文本的颜色甚至不起作用。

这是一个示例(在 Chrome 和 FF 中都可以完美运行):http://jsfiddle.net/6VrfW/5/

【问题讨论】:

  • 您可以在这里找到问题的答案:stackoverflow.com/questions/380037/…
  • Roko:谢谢,但我的问题主要是关于 :hover 选择器的。但可能还得想办法解决 IE7 的边框问题。
  • MartinF.不,你根本做不到。 (如果你知道怎么做......你不是人类。;)(人类懒得打扰))我的意思是......我以前做过,但是我创建了一个替换我的默认选择的 JS,输入、收音机、checkbxz,所有这些都适合简单的设计。在被替换的元素上,您也可以将米老鼠而不是边框​​放在悬停上。

标签: html css


【解决方案1】:

您可以将<select> 包装在<div> 中并将悬停附加到div。这很糟糕,但 IE 也是如此。

【讨论】:

  • 不错的尝试。文本颜色仍然不会改变。
  • Roko:包装选择元素时效果很好(也改变了文本颜色 - IE7+ - jsfiddle.net/6VrfW/21)。但真的希望我错过了一些东西,所以我不必因为浏览器兼容性而更改我的标记。
  • 谢谢,最终使用了这个解决方案,这似乎是使它适用于 IE8 和 IE9 的唯一方法。
猜你喜欢
  • 1970-01-01
  • 2021-12-26
  • 1970-01-01
  • 1970-01-01
  • 2011-08-15
  • 1970-01-01
  • 2021-07-31
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多