Custom cursor that persists

[mattbrand]

Hey all!

I am trying to use a custom cursor in my game. It works at first, but when I roll over a Phaser button (in latest Chrome and latest Safari), it switches back to the regular hand cursor.

I have tried setting the cursor through CSS:

canvas {
  cursor: url('./assets/images/hand_blue.png'), auto;
}

And Phaser:

game.canvas.style.cursor = "url(assets/images/hand_blue.png), auto";

It fails using both methods, when the input goes over a Phaser button. Any thoughts on this?

[samme]

button.input.useHandCursor = false;

 

[mattbrand]

Great, thanks so much!