去除ArcGIS JS API 4.X地图外边框

使用ArcGIS JS API 4.16实例化完地图后，当我们的鼠标拖动地图时发现地图的四周会默认自带一圈的外边框，这在我们的系统中看起来是很不协调的，大致样子如下所示：

就像上图中的四周，有一圈黑色的外边框，但是当我们鼠标移除的时候它会自动消失，所以这就很不舒服，今天就给大家介绍下该如何去除这个烦人的外边框。

解决方法:

通过在浏览器的控制台扑捉元素后发现，当我们的鼠标点击拖动地图时，我们存放地图的dom元素节点上会增加一个after的伪类，这个默认自带的外边框就是在这个伪类中定义的，所以找到问题后就好解决了，我们在css文件中直接自己定义一下即可，如下：

/*去除mapview拖动时的边框*/
.esri-view .esri-view-surface--inset-outline:focus::after {
    outline: auto 0px Highlight !important;
    outline: auto 0px -webkit-focus-ring-color !important;
}