css - 如何在传单图层控件中更改背景样式(css)

Question

我关闭了 leaflet.css 中的“图层控制”背景，但黑框仍然存在。如何在CSS中禁用它？我将不胜感激。我添加了参数: outline: none;盒子阴影:无；border: 无，但它们在这里不起作用。

/* layers control */
.leaflet-control-layers {
    box-shadow: 0 0px 0px rgba(0,0,0,0.0); 
    background: solid rgba(0,0,0,0.0); 
    border-radius: 4px; 
    }
.leaflet-control-layers-toggle { 
    background-image: url("../../images/text/0_Filter.png");
    width: 106px;
    height: 22px;
    } 
.leaflet-retina .leaflet-control-layers-toggle { 
    background-image: url("../../images/text/0_Filter.png");
    background-size: 106px 22px;
    }
.leaflet-touch .leaflet-control-layers-toggle { 
    width: 106px;
    height: 22px;
    outline: none; /* test dont work*/
    box-shadow: none; /* test dont work*/
    border: none /* test dont work*/
    }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
    }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
    }
.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff; 
    }
.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
    }
.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
    }
.leaflet-control-layers label {
    display: block;
    }
.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
    }

Answer 1

根据实时站点，<a> 的 wrapper 中有一个边框标签。

您需要像下面那样删除该边框:

.leaflet-touch .leaflet-control-layers {
  border: none;
}