javascript - 使用 javascript 更改光标样式

Question

我正在开发一个使用自定义光标的浏览器游戏。 我正在 CSS 中为整个页面设置自定义光标 (出于某种原因，如果我将其设置为“正文”，有时它会在某些区域变回默认光标)

html {
  cursor: url("http://www.iwansfactory.com/tycoon/defaultcursor.png"), default;
}

我想使用 javascript 覆盖上述 CSS 的 url 属性

例如，当用户移动 map 时，我想使用此自定义光标:

http://www.iwansfactory.com/tycoon/movecursor.png

如何使用 JavaScript 更改此值？ 提前致谢! :)

Answer 1

document.documentElement.style.cursor = 'url("http://www.iwansfactory.com/tycoon/movecursor.png"), default';