Ghi đè phong cách tooltip?

Tôi muốn ghi đè kiểu mặc định của các công cụ Leaflet 1.0.0, đặc biệt là bong bóng / khung. Tôi không thấy bất kỳ lựa chọn hoặc phương pháp nào cho việc này. Làm cách nào để nối vào CSS? Tôi muốn thay đổi từng lớp riêng lẻ, vì vậy tôi cần chọn từng chú giải công cụ của từng lớp bằng CSS.

Các L.Tooltiplớp học bao gồm một classNametùy chọn (kế thừa từ DivOverlaylớp), mà sẽ được chuyển đổi thành một lớp CSS khi tooltip được hiển thị. ví dụ:

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

Sau đó, đó chỉ là vấn đề xác định lớp CSS đó. Mẹo này hơi phức tạp, vì nó cần làm việc với các phần tử giả và các lớp CSS tờ rơi:

.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;
}

Xem một ví dụ làm việc ở đây .