I was looking at how to change the cursor over an HTML5 canvas when

Question

Asked: June 5, 20262026-06-05T22:32:35+00:00 2026-06-05T22:32:35+00:00

I was looking at how to change the cursor over an HTML5 canvas when dragging the mouse…
Came across this: Change cursor over HTML5 Canvas when dragging the mouse

seemed logical that an :active pseudo-selector would do the trick…

When I used it on my page, however, the cursor set by the rule in the :active pseudo-selector was ignored, instead showing the text selection cursor.

In firefox, this behavior is not present – it obeys the cursor property I set.

Here’s an example to demonstrate the behavior.

Any idea how to fix this in chrome?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-05T22:32:36+00:00

Editorial Team

Add the following for Chrome to turn off text selection while dragging and dropping.

document.onselectstart = function(){ return false; }

This has been answered a few times,

The Archive Base Latest Questions