Openlayers 3 如何在Openlayers 3中更改缩放控件的图标?

Openlayers 3 如何在Openlayers 3中更改缩放控件的图标?,openlayers-3,Openlayers 3,我想将默认的放大/缩小图标更改为Cirlce中的类似图标。对不起,我不能在这里发布图片,所以我不能给你们看图片 有人能告诉我如何做到这一点吗 AJ您可以轻松覆盖默认css样式,如: .ol-control button{ background-color: rgba(40, 40, 40, 0.85) !important; } .ol-control button:hover{ background-color: rgba(40, 40, 40, 1) !important

我想将默认的放大/缩小图标更改为Cirlce中的类似图标。对不起,我不能在这里发布图片,所以我不能给你们看图片

有人能告诉我如何做到这一点吗


AJ

您可以轻松覆盖默认css样式,如:

.ol-control button{ 
    background-color: rgba(40, 40, 40, 0.85) !important;
}
.ol-control button:hover{ 
    background-color: rgba(40, 40, 40, 1) !important;
}
更新 这是一项CSS任务,因此您可以根据自己的想象力进行游戏,因此这取决于您:

.ol-control button{
    border-radius: 50% !important;
}
.ol-control button:hover{
    transform: scale(1.5);
}

我想你没有明白我的意思。我不想只改变按钮的颜色。我想把整件事用上/下/左/右箭头圈起来。我希望你明白了。我知道如何使图像旋转。我不是这个意思。我已经上传了我的示例图像。请检查URL。这就是我想要的。你还在吗?你解决你的问题了吗?是的,我在这里。我解决不了这个问题。但我提出了另一种解决办法。这不是我想要的,但不知何故比默认的缩放图标要好。啊,对了。祝您今天过得愉快!