如何更改Leaflet弹出窗口的背景颜色？

Question

我正在使用Leafletjs创建一个地图,我想将弹出窗口(当前显示的图像和链接)的背景颜色从白色更改为不同的颜色.似乎基本的背景颜色css语法不会削减它.有什么建议？谢谢,-Scott

Answer 1

调用leaflet.css后,可以包含一个<style>带有以下规则的标记,以更改弹出窗口和弹出提示的颜色.

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

这是我background-color在Leaflet主页上编辑弹出窗口后拍摄的截图.如果您还有其他问题,请与我们联系.干杯.

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

然后将背景值更改为所需的任何颜色。