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