2013-11-26 56 views
2

我想让我的小叶弹出框的边缘锐利(角落)而不是圆角边缘。我已经下载了源leaflet-src.js,但似乎无法找到发生这种情况的地方。我在找的地方是在课堂上:如何从小册子弹出框中删除圆角

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

有没有人知道这发生了什么?

回答

2

我还没有使用leaflet.js,但这听起来像是一个超过Javascript的CSS问题。 .leaflet-popup-content-wrapper班有border-radius: 12px,这似乎相关。 Specified here在源代码中。

5

您可以通过添加覆盖默认的风格是非常重要的关键词

例如: - !把这个类的页面内,这将在乘坐的边框样式

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

首先,您必须找到哪个标签正在生成半径,并且可以使用该开发人员工具识别该类。