2013-12-12 143 views
2

我使用Leafletjs創建地圖,並且想要將彈出窗口(當前顯示的圖像和圖像以及鏈接)的背景顏色從白色更改爲不同的顏色。看來,基本的背景顏色CSS語法不會削減它。有什麼建議? 謝謝, 斯科特如何更改Leaflet彈出窗口的背景顏色?

回答

4

在您致電leaflet.css後,可以使用以下規則包含<style>標籤,以更改彈出和彈出提示的顏色。

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

下面是截圖我把我對編輯單張的網頁,彈出的background-color後。如果您還有其他問題,請告訴我。乾杯。

enter image description here

+1

優秀!謝謝。 – Scott

3

打開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); 
} 

然後改變背景值,任何你想要的顏色。

+1

謝謝!我認爲這兩種解決方案都可以發揮作用。 – Scott