【发布时间】:2011-03-11 00:17:41
【问题描述】:
我正在尝试使用 JS/CSS 以编程方式更改鼠标光标,这是我的问题:无论将其设置为什么,Chrome 似乎都会*强制指针回到默认指针。
这是一个说明问题的最小示例:
<html>
<head>
<style type="text/css">
div#mouse_test
{
cursor: crosshair;
}
</style>
<body>
<div id="mouse_test">Here is a small div</div>
</body>
</html>
当我在 Firefox 中查看上述示例时,它按预期工作,将鼠标悬停在 div 的文本上会将光标更改为十字准线。
但是,当我在 Chrome 中查看它时,光标变为十字准线,然后(大约一秒钟后)变回默认指针。
有人有什么见解吗? Chrome强制使用默认指针是真的吗?如果是这样,有没有办法解决这个问题?
任何帮助将不胜感激。谢谢!
已修复
事实证明,重新启动我的浏览器解决了这个问题。不过,仍然很奇怪,因为我在*每个更改鼠标光标的页面上都看到了问题行为——我正在处理的那个页面,以及我正在查看的带有 CSS 光标示例的几个页面。我正在使用 JS 计时器来设置光标,因此其中一个可能在后台徘徊。仍然很奇怪,因为行为在多个选项卡中是完全一致的。
非常感谢 Stack Overflow 社区的快速而有帮助的回复 :)
【问题讨论】:
-
这对我来说似乎很好用:jsfiddle.net/UGeZb也许一个活生生的例子会有所帮助。
-
完全相同的代码适用于我在 Win 7 上的 Google Chrome 9.0.597.107
-
它在我的 Chrome 中运行良好:jsfiddle.net/simevidas/Aura5
-
已修复。感谢大家的关注——浏览器重启修复了它。我的错误,感谢您的帮助:)
标签: html css google-chrome cursor