Javascript 如何更改单张弹出窗口的背景色？

我正在使用传单JS创建一个地图，我想将弹出窗口的背景颜色（当前正在显示和图像以及链接）从白色更改为其他颜色。基本的背景色css语法似乎无法解决这个问题。有什么建议吗？ 谢谢

---

-Scott

打开传单.css并搜索：

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

---

然后将背景值更改为您想要的任何颜色。

在调用mopleate.css后，您可以使用以下规则包括一个

标记来更改弹出窗口和弹出提示的颜色

.spool popup内容包装，.spool-popup.tip{
背景色：#000
}

这是我编辑传单主页上弹出窗口的背景色后拍摄的一张截图。如果你还有任何问题，请告诉我。干杯

const marker = new L.marker(lastPoint, { icon: markerIconSnake }).bindPopup(getDataInHtml(dataPopup), { className: 'stylePopup' })

常量标记=新的L.标记（最后一点{ 图标：markerIconSnake }).bindPopup（getDataInHtml（dataPopup）{ 类名：'stylePopup' }) 如果要更改弹出窗口的背景色，可以使用.bindPopup方法（在标记中）并添加css类

.stylePopup .leaflet-popup-content-wrapper, .stylePopup .leaflet-popup-tip { background-color: #f4913b; padding: 8px; } .stylePopup.传单弹出内容包装器， .stylePopup.传单弹出提示{ 背景色：#f4913b； 填充：8px； }

---

如果你想知道更多，我使用的是react传单v2，但无法在js中使用css和材质/核心/样式。我创建了一个函数

const updatePopupCss=（颜色）=>{
让popupElement=document.getElementsByClassName（“传单弹出内容包装”）；
让人类繁衍生息；
if（popupElement[0]HtmleElement实例）{
htmlPopupElement=popupElement[0]作为HTMLElement；
HtmlPopupeElement.style.backgroundColor=颜色；
console.log（HtmlPopupeElement）
}
}

太棒了！非常感谢。