如何在Openlayers 3中更改zoom-contorls的图标？

Question

我想将默认的放大/缩小图标更改为Cirlce中的图标。对不起，我不能在这里发布图片，所以我无法向你们展示这些图片。

任何人都可以告诉我如何实现这个目标吗？

AJ

Answer 1

您可以轻松覆盖默认的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);
}