如何從小冊子彈出框中刪除圓角

Question

我想讓我的小葉彈出框的邊緣銳利（角落）而不是圓角邊緣。我已經下載了源leaflet-src.js，但似乎無法找到發生這種情況的地方。我在找的地方是在課堂上：

leaflet-popup-content-wrapper 
    leaflet-popup-content 
    leaflet-popup-close-button 

有沒有人知道這發生了什麼？

Answer 1

我還沒有使用leaflet.js，但這聽起來像是一個超過Javascript的CSS問題。 .leaflet-popup-content-wrapper班有border-radius: 12px，這似乎相關。 Specified here在源代碼中。

Answer 2

您可以通過添加覆蓋默認的風格是非常重要的關鍵詞

例如： - ！把這個類的頁面內，這將在乘坐的邊框樣式

.leaflet-popup-content-wrapper,.leaflet-popup-content 
{ 
border-radius:0 !important; 
} 

對於多瀏覽器支持

.leaflet-popup-content-wrapper,.leaflet-popup-content 
{ 
    -webkit-border-radius: 0 !important; 
    -moz-border-radius: 0 !important; 
    border-radius: 0 !important; 
} 

首先，您必須找到哪個標籤正在生成半徑，並且可以使用該開發人員工具識別該類。