css - Chrome 悬停自定义光标

Question

我正在为我的元素使用自定义光标。自定义光标在 IE 和 FF 中完美工作，但在 Safari 和 Chrome 中它工作，但 hoverstate 默认返回到尖的手。我确保我尽可能使用每一个选择器来确保它在这种情况下使用指针，但没有成功。还有其他人有可能的解决方案吗？我使用的 CSS 是:

#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen img, #gameScreen img a:hover, #gameImg, #gameImg area, #gameImg area a, #gameImg area a:hover, #gameImg a, #gameImg a:hover, #gameImg img a:hover {
    cursor: url(cursor.cur), url(images/cursor.cur), default;
}

Answer 1

除了使用 jQuery、隐藏光标然后创建一个空 div 之外，我还没有找到任何可行的解决方案，然后使用 jQuery 中的 .css() 方法“跟随”鼠标光标。

这不是一个愉快的工作，但它有效。