Question

我想让我的宣传单弹出框的边缘锐利（角落）而不是圆角。我已经下载了源代码leaflet-src.js，但似乎无法找到发生这种情况的位置。我找过的地方都在课堂上：

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

有谁知道这发生了什么？

Answer 1

您可以通过添加！important key word

来覆盖默认样式

例如： - 将此类放入页面中，这将超越边框样式

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

首先，您必须找到哪个标签正在制作半径并且过度使用该类，您可以使用开发人员工具来识别它。

Answer 2

我没有使用过leaflet.js，但这听起来像是一个比Javascript更多的CSS问题。 .leaflet-popup-content-wrapper班级有border-radius: 12px，这似乎相关。来源Specified here。

如何从传单弹出中删除圆角

2 个答案: