将光标更改为圆形？答案

【问题标题】：Change the cursor to a circle?将光标更改为圆形？
【发布时间】：2013-02-14 00:29:14
【问题描述】：

我正在建立一个网站，其中一部分我有一个白板功能（基本上是一个画布）。我正在尝试为白板实现橡皮擦功能，并且我希望光标在选择橡皮擦时改变形状，以便它与擦除发生的方式相匹配（此时我正在尝试擦除呈圆形）。到目前为止，我已经尝试过：

$('#canvasDiv').css('cursor','url(https://example.com/eraser_cursor.png)');

这不起作用有两个原因：

有没有办法解决这个问题？

【问题讨论】：

在您的 CSS 声明中，您应该能够利用 :active 伪选择器在用户单击鼠标按钮时更改光标。这是未经测试的，但可能会有所帮助......此外，您应该能够更新您的橡皮擦图标以包含一些将实际图标偏移到正确位置的空白（透明部分），否则请查看 Pawel_W 的答案。跨度>
canvas 标签保留给

【解决方案1】：

【讨论】：

1.它有效 2. 我尝试了 !important 选项，但它似乎不起作用（我使用 chrome）。我必须将事件侦听器加载到 mousedown 并执行 event.preventDefault();