拖动桌面文档时更改鼠标光标

Question

所以我有点卡住了，当从我的桌面拖动文档或文件夹等外部元素时，我无法更改其光标。 我已经尝试过更改整个页面的光标和正文光标，悬停效果或活动。 但是，当将文档从桌面拖到网络上时，它似乎是一个完全不同的光标，不包含在网络应用程序中。

这是我想要的结果：here

正如您在图片中看到的，我正在将图像拖到我的网络应用程序上，并且在将鼠标悬停在控制台上时，它会将光标更改为不允许。

这正是我的目标。

有人成功改过吗？

Answer 1

要添加功能，你应该编写 javascript。

body{
cursor: no-drop;
}
.dropZone{
  width: 50%;
  height: 300px;
  border: 1px solid #000;
  cursor: move;
  display: flex;
  align-items: center;
  justify-content: center;
}

<div class="dropZone">zone</div>