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

Question

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

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

有谁知道这发生了什么？

Answer 1

您可以通过添加!important关键字来覆盖默认样式

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

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

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