单击页面中的任意位置后自定义光标图像消失，MAC，多个浏览器

Question

UIm 像这样使用 jQuery 为光标设置自定义图像

$(document).ready(function(){
      $("body").css('cursor','url(http://affordable-glass.com/test/penguinSm.png),auto');
});

但是这有效：

1. 用鼠标进行剧烈移动有时会使光标返回 non-image 光标。最简单的复制方法是快速移动指针。 （这有点奇怪，但没什么大不了的）
2. 单击任意位置会使光标恢复为 non-image 光标（这是主要问题）

这是一个jsfiddle showing the issue

我也直接用 CSS 试过，但遇到了同样的问题

div{
    cursor: url(http://affordable-glass.com/test/penguinSm.png),auto;
}

CSS Jsfiddle

已对以下各项进行测试并获得相同的结果，因此这似乎是预期的行为。

• Windows，使用 Chrome 版本 39.0.2171.95 m（运行 在我的 mac 上的 virtualBox 中）
• Mac，使用 Chrome 版本 39.0.2171.95（64 位）

• Mac, Firefox 版本 34.0.5

• 在实际 windows PC 上使用 Chrome 版本 39.0.2171.95 m 运行 不受此问题影响

这似乎是我的 machine 的问题？

这是我的规格：

Answer 1

显然这是一个与 MS Word 或我 Mac 上的其中一个插件有关的错误。如果 Word 处于打开状态，则会发生该行为。如果我关闭 MS Word，问题就会停止。重新启动我的 mac 后，我现在无法重现该问题，我猜只是出了问题。感谢所有试图提供帮助的人！