Css html5画布上鼠标的自定义光标图像未更改

具体地说，我有一个html5画布，我正试图在元素上方的鼠标上将光标图像更改为自定义图像，但它不起作用。我把光标放在CSS中：url，url，具有特定ID的元素的默认值。最后一个标记“default”起作用，因为当我从默认值更改为all scroll时，它会更改。当我在控制台中检查网络时，它正在加载我想将光标更改为的文件

有什么建议吗

CSS:

HTML:

---

可用于自定义光标的图像的大小和尺寸有限制，这些限制取决于浏览器。（Firefox只允许128*128px）。 检查以下URL：

请检查以下线程是否帮助您解决问题或回答您的问题：

---

请将您的代码添加到问题中。hi@volt，这是您的问题的答案吗？

#sketchpad {
  border: #cec0fc 3px solid;
  background: white;
  cursor: url("../images/you/brush.png"), url("/gentle_mollusc/assets/images/you/brush.png"), default;
}

<!-- drawing pad goes here -->
<canvas id="sketchpad"></canvas>