【问题标题】::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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-27
    • 2018-08-17
    • 2017-02-06
    • 1970-01-01
    • 1970-01-01
    • 2021-01-02
    • 2011-11-17
    相关资源
    最近更新 更多