Javascript Canvas Custom Cursor Hover - CC Animation

Question

Javascript Canvas Custom Cursor Hover - CC Animation

Hi using Adobe Animate CC. I have a custom cursor and my cursor is hidden by default. The problem is that when I have a button symbol, the mouse pointer still appears on top of the custom cursor.

var display = this;

display.mc_play_button.addEventListener("click", play_game.bind(this));
function play_game()
{
	alert('Lets Play');
}

stage.cursor = 'none';
display.mc_cursor.mouseEnabled = false;
display.addEventListener("tick", custom_cursor.bind(this));

function custom_cursor() {
	display.mc_cursor.x = stage.mouseX;
	display.mc_cursor.y = stage.mouseY;
}