Make Leaflet map background transparent

Question

How can I make the background of the Leaflet map transparent. I see opacity controls from the layers, but not the map background. Should the be changed just with plain CSS?

Answer 1

Hey plain CSS did the trick:

.leaflet-container {
    background-color:rgba(255,0,0,0.0);
}

Answer 2

This worked for me,

.leaflet-container {
  background: none !important;
}

Answer 3

Try using the leaflet.extras package -- you can make the background white or transparent!

library(leaflet.extras)

mapname%>%

setMapWidgetStyle(list(background= "white"))