Leaflet 在传单图层控件中，将图层控件按钮放置在覆盖层上方

我在传单层控件中加入了一个全工作开/关按钮。但是，默认情况下，按钮位于覆盖层下方。我想把它放在覆盖层上面，但我找不到这样做的方法。我包括用于创建按钮的代码和图层控制代码

var toggle = false;

//Toggle On / Off//
function toggleOnOff() {
  if (!toggle) {
    map.removeLayer(farmproduceLayer);
  } else {
    map.addLayer(farmproduceLayer);
  }
  toggle = !toggle;
}

L.Control.Custom = L.Control.Layers.extend({
  onAdd: function () {
    this._initLayout();
    this._addButton();
    this._update();
    return this._container;
  },
  _addButton: function () {
    var elements = this._container.getElementsByClassName(
      "leaflet-control-layers-list"
    );
    var button = L.DomUtil.create("button", "my-button-class", elements[0]);
    button.textContent = "All On / Off";
    L.DomEvent.on(
      button,
      "click",
      function (e) {
        L.DomEvent.stop(e);
        // this._collapse();
        toggleOnOff();
      },
      this
    );
  },
});

var overlays = {
  "<img src='fgp_icons/farm_food_50_50.png' height=22>&nbsp;Farm Shops": farmshopsLayer,

  "<img src='fgp_icons/farmcams_50_50.png' height=22>&nbsp;Farm Cams": farmcamsLayer,
};

var control = new L.Control.Custom(
  null,
  overlays,
  { position: "topright" },
  { collapsed: true }
).addTo(map);

var-toggle=false；
//打开/关闭//
函数toggleOnOff（）{
如果（！切换）{
地图移除层（farmproduceLayer）；
}否则{
map.addLayer（farmproduceLayer）；
}
切换=！切换；
}
L.Control.Custom=L.Control.Layers.extend({
onAdd：函数（）{
这个；
这是一个按钮；
这个；
把这个放回集装箱；
},
_addButton:函数（）{
var elements=this.\u container.getElementsByClassName(
“传单控制层列表”
);
var button=L.DomUtil.create（“按钮”，“我的按钮类”，元素[0]）；
button.textContent=“全部打开/关闭”；
L.DomEvent.on(
按钮
“点击”，
职能（e）{
L.DomEvent.停止（e）；
//这个；
切换onoff（）；
},
这
);
},
});
变量覆盖={
“农场商店”：农场店主，
“农场摄像机”：农场摄像机杀手，
};
var control=新的L.control.Custom(
无效的
覆盖层，
{位置：“右上方”}，
{崩溃：真}
).addTo（地图）；