：焦点在 IE 中不起作用答案

【问题标题】：:focus in IE not working：焦点在 IE 中不起作用
【发布时间】：2010-04-01 01:04:57
【问题描述】：

我创建了一个需要 :focus 伪类的 CSS 网站。选择文本框时，我更改“筛选器”和“背景图像”效果（即焦点）。这适用于 Chrome/FF，但似乎不适用于 IE8（如果是 IE，则可能是以前的版本）。我试图寻找答案，并尝试使用 :active - 但这不起作用。有没有办法使用伪类更改属性，例如“过滤器”？如果做不到这一点，我可以在 JS 中使用 OnClick 事件吗？

谢谢

【问题讨论】：

不要使用“onclick”事件来处理“onfocus”。请记住，用户可以使用您网站上的键盘，因此拦截点击事件并不是很有用。如果你走 JavaScript 路线，请使用“focus”和“blur”事件。

标签： javascript css internet-explorer focus

【解决方案1】：

IE 上的伪类：whatever:hover

大多数现代浏览器都支持 :hover 任何 html 元素的选择器。这很酷，因为它可以让你例如，应用鼠标悬停仅使用对表行的影响 CSS。然而，IE 有一个不稳定的最多支持 :hover ，具体取决于在您的访问者的特定版本上正在使用。

Whatever:hover 是一个小脚本自动修补 :hover, :active 和 :focus 适用于 IE6、IE7 和 IE8 怪癖，让你像你一样使用它们将在任何其他浏览器中。版本 3 引入了 ajax 支持，这意味着任何插入到通过 javascript 的文档也将触发 :hover, :active 和 :focus IE 中的样式。

http://www.xs4all.nl/~peterned/csshover.html

【讨论】：