Javascript 如果重新加载页面，鼠标指针将在谷歌浏览器中消失

使用普通

.foo {cursor:pointer;cursor:hand;width:250px;height:250px;background:#aaa;}

及

如图所示：

如果我将光标放在灰色背景上，然后重新加载页面，光标默认返回箭头

是否有任何漂亮且轻量级的方法来检查光标是否在加载的.foo元素上？或者是周期性地，在鼠标移动时？jQuery是允许的

---

编辑：我在OS X上使用Chrome看到了这种行为。

使用jQuery设置光标最初是有效的-即不使用css设置光标-请参见此处了解我的意思-->

好的，我刚刚添加了赏金，当我再次尝试时，它在Chrome中有效

因此，目前正在谷歌Chrome版本18.0.1025.168 m中工作

我将用这个来结束这个问题。

试试看

.foo {cursor:pointer !important;cursor:hand;width:250px;height:250px;background:#aaa;}

---

它在这个版本中也起作用。。14.0.835.186米

---

但实际上，从I光标保留手光标需要一些时间（1或2秒）…

这可能还取决于您使用的浏览器。。。对于Firefox7，在重新加载后光标会切换回指针。我在IE8中似乎没有看到这种行为，你在哪个浏览器中看到了这种情况？还有，为什么在同一个css类中定义同一属性两次？在chrome中，当重新加载页面时，它是一个指针，但在重新加载时，移出并返回到div中，切换回手动……

cursor:pointer

在CSS声明中没有意义是的，我在Chrome（14.0.835…）中检查过它。但它不是100%——如果我在加载页面时移动鼠标，它似乎无法正常工作。。。奇怪的是！！！是的，我明白你的意思。如果不经常检查鼠标的位置，我不知道如何解决这个问题。使用“cursor:pointer；”将鼠标移动到元素上在CSS中，将更改光标（即使在页面加载时）。因此，只要将jQuery和CSS结合起来，就可以覆盖所有的基础。

！重要信息

仅覆盖内联样式，在此处添加它没有帮助。

.foo {cursor:pointer !important;cursor:hand;width:250px;height:250px;background:#aaa;}