Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将css添加到传单按钮?_Javascript_Css_Leaflet - Fatal编程技术网

Javascript 如何将css添加到传单按钮?

Javascript 如何将css添加到传单按钮?,javascript,css,leaflet,Javascript,Css,Leaflet,我试图更改传单中缩放按钮上的CSS,但我无法向这些按钮添加类、id或任何内容。我怎么才能接触到他们 有什么想法吗 谢谢 在此,我宣布地图: L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/"&g

我试图更改传单中缩放按钮上的CSS,但我无法向这些按钮添加类、id或任何内容。我怎么才能接触到他们

有什么想法吗

谢谢

在此,我宣布地图:

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 18,
    id: 'mapbox.streets',
    accessToken: 'pk.eyJ1IjoicHcxN2wwMDgiLCJhIjoiY2pua2c2OWxuMGVkOTNxbWh5MWNqajEwdyJ9.X_SuGwNGs12TwCsrsUvBxw'
}).addTo(map);

当页面加载时,我看到它变成了一个包含许多传单类的按钮,但我如何才能对它们进行更改?

我想还有其他方法,但为了更改缩放按钮的样式,您可以访问内置css选择器,如下所示:

.leaflet-touch .leaflet-bar a {
  width: 50px;
  background-color: red;
}
var-map=L.map('mapid').setView([51.505,-0.09],13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
L.标记([51.5,-0.09])。添加到(地图)
.bindPopup('一个漂亮的CSS3弹出窗口。
易于定制。') .openPopup()
#mapid{
高度:180像素;
}
.传单触摸。传单栏a{
宽度:50px;
背景色:红色;
}
身体{
边际:0px;
}


您想更改什么?您可以访问css选择器,或者说我想更改按钮的大小并为其添加一些颜色。这正是我想弄明白的,如何访问css选择器,甚至添加我自己的css选择器?谢谢嗨@kontenurban。如果此答案在过去对您有帮助,请将其标记为已接受:)。非常感谢你。
.leaflet-touch .leaflet-bar a {
  width: 50px;
  background-color: red;
}