leaflet - divicon - How to hide the default square shadow?

Question

For example, I write this:

L.marker([lat, long], {icon: L.divIcon({html:"China"})}).addTo(map);

I checked the documentation:

By default, it has a 'leaflet-div-icon' CSS class and is styled as a little white square with a shadow.

But how can I change the default style? I try to change the "className", but it doesn't work.

Answer 1

Using the className option of the DivIcon correctly removes the default leaflet-div-icon class, hence removes the default styling (white square with black border):

L.marker([lat, long], {
  icon: L.divIcon({
    html: 'Icon text',
    className: 'dummy' // Specify something to get rid of the default class.
  })
}).addTo(map);

https://next.plnkr.co/edit/ci8hD2x29ocejDEp