单击地图时摆脱基于 mapbox-gl-js 的地图周围的黑色边框

Get rid of black border around mapbox-gl-js based maps when map is clicked

当您单击基于 mapbox gl js 的地图时使用 Chrome,例如在本页: https://docs.mapbox.com/mapbox-gl-js/api/ 显示大约 1 px 的黑色边框。 我怎样才能删除那个边框? 我尝试设置 style="outline: none !important;"style="outline: 0px transparent !important;" 但没有成功。有什么想法吗?

<canvas> 元素上设置 outline: none 为我修复了它。