天地图黑边问题
问题描述:进入展示地图的页码,鼠标点击地图,地图四周出现黑色边框;鼠标点击地图之外,黑边消失。
问题分析:鼠标点击地图出现黑边,地图外点击黑边消失,可以确定这是地图的焦点事件。
解决方案:找到黑色边框的样式,然后使用 CSS 样式来修改获取焦点后的样式,具体代码如下:
/* 去掉地图聚焦边框 */
.esri-view-surface--inset-outline:focus::after {
outline: none !important;
}
测试结果:验证代码有效,可以去除黑色边框!