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

Leaflet's styles allow you to change some cursor behavior. Put these in your local CSS to make the change.

/* Change cursor when mousing over clickable layer */
.leaflet-clickable {
  cursor: crosshair !important;
}
/* Change cursor when over entire map */
.leaflet-container {
  cursor: help !important;
}