通过HTML5原生拖放，是否可以在拖动时更改光标图标

Question

我正在使用本机HTML5拖放，并且试图在拖动时更改光标图标。

我在拖动时注意到只有两种类型的图标。 首先是将项目移到可放置区域上（默认光标底部带有小矩形），而当您不在该区域上（禁止图标）

是否可以更改光标图标？例如，当我在可放置区域上方时，我需要手形光标。我还阅读了有关 DataTransfer.dropEffect 和 DataTransfer.effectAllowed 的信息，但这些都不能解决我的问题。

这也不是CSS问题，因为我尝试

* {cursor: crosshair!important}

没有任何效果，光标没有改变。

Answer 1

我认为您不能将光标更改为grabbing cursor之类的内容，而只能将其限制为predefined dropEffects之类的复制，移动和链接之类。

Answer 2

尝试

:global {
body.dragging,
body.dragging * {
    cursor: url('./assets/cursors/grabbing.cur'), move !important;
}
}