如何在不使用HTML5拖放功能时设置拖放样式光标？

在HTML5拖放功能中，当元素被拖拽到放置区域上方时，会使用以下光标样式：

请问是否可以在不启用HTML5拖放功能的情况下，将光标设置为上述样式？

可以，完全不需要依赖HTML5拖放API就能实现。你只需要用CSS的cursor属性自定义光标样式即可，步骤如下：

• 先将目标光标样式保存为兼容的图片格式（比如PNG、CUR），建议控制图片尺寸在32×32像素以内，避免加载延迟。
• 在CSS中为需要设置该光标的元素添加样式，同时指定系统备选光标作为降级方案：

.target-element {
  cursor: url('自定义光标文件路径.png'), auto;
}

主流浏览器都支持这种自定义光标设置，需要注意的是：如果使用非标准尺寸的光标图片，部分浏览器可能会自动缩放或忽略，所以尽量遵循通用尺寸规范；另外备选光标是必须的，确保自定义光标加载失败时用户仍能正常使用。

内容的提问来源于stack exchange，提问作者cyrus-d