Как изменить цвет фона всплывающего окна «Листовка»?

Question

Я создаю карту с помощью Leafletjs, и я хотел бы изменить цвет фона всплывающего окна (которое в настоящее время отображается, а изображение и ссылка) от белого до другого цвета. Похоже, что базовый синтаксис css для фона не будет его обрезать. Любой совет? Спасибо, -Скотт

Answer 1

После вызова листовки.css вы можете включить тег <style> со следующим правилом, чтобы изменить цвет всплывающего и всплывающего подсказки.

.leaflet-popup-content-wrapper { background-color: #000 }

Вот скриншот я взял после того, как я редактировал background-color из всплывающего окна на главной странице листовки в. Позвольте мне знать, если у вас есть еще вопросы. Приветствия.

Answer 2

Открыть leaflet.css и поиск:

.leaflet-popup-content-wrapper, 
    .leaflet-popup-tip { 
    background: rgb(111, 51, 51); 
    box-shadow: 0 3px 14px rgba(0,0,0,0.4); 
} 

Затем измените фоновое значение для любого цвета вы хотите.