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

Question

so I'm kinda stuck, When dragging an outside element like a document or folder from my desktop, I cannot change its cursor. I ve already tried changing the cursor of the whole page and the body cursor, hover effects or active. But it seems like when dragging a document from the desktop onto the web it is a completely different cursor not included in the web app.

This is the result I would like to have: here

As you can see in the picture, I am dragging an image onto my web app and while hovering the console it changes the cursor to not allowed.

That's exactly my goal.

Has anyone suceeded in changing it?

Answer 1

for adding functionality, yuo should code 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>