Tooltip-Stil für Broschüren überschreiben?

Ich möchte den Standardstil der QuickInfos zu Leaflet 1.0.0 überschreiben, insbesondere die Blase / den Rahmen. Ich sehe keine Optionen oder Methoden dafür. Wie binde ich mich in das CSS ein? Ich möchte Ebenen einzeln ändern, daher muss ich die QuickInfos jeder Ebene einzeln mit CSS auswählen.

Die L.TooltipKlasse enthält eine classNameOption (von der DivOverlayKlasse geerbt ), die in eine CSS-Klasse konvertiert wird, wenn der Tooltip angezeigt wird. z.B:

L.marker(latlng).addTo(map).bindTooltip('Text', {className: 'myCSSClass'});

Dann geht es nur noch darum, diese CSS-Klasse zu definieren. Der Tipp ist etwas knifflig, da mit Pseudoelementen und Leaflet-CSS-Klassen gearbeitet werden muss:

.myCSSClass {
  background: green;
  border: 2px solid cyan
}
.leaflet-tooltip-left.myCSSClass::before {
  border-left-color: cyan;
}
.leaflet-tooltip-right.myCSSClass::before {
  border-right-color: cyan;
}

Sehen Sie hier ein Arbeitsbeispiel .