How do I change the default cursor in leaflet maps?

Question

I am trying to modify the default cursor icon when a certain control button is pressed. Although I was partially successful by using css on the container div, doing this ove

Answer 1

Set to crosshair:

document.getElementById('map').style.cursor = 'crosshair'

Reset it back:

document.getElementById('map').style.cursor = ''