如何在 Chrome 中禁用黑色轮廓

Question

此问题仅在 Chrome 中存在，地图 canvas 在单击（聚焦）时显示黑色轮廓。这应该是自 Chrome 83 以来默认打开的某种辅助功能。我尝试使用 css 覆盖禁用它但没有成功：

  *:focus, *:focus-visible, *:focus-within {
    outline: none !important;
  }

不专心时：

专注时：

如何删除它，它真的破坏了我的应用程序的外观。

Answer 1

这对我来说似乎足够了：

* {
    outline: none;
}

或者，为了尽量减少对可访问性的影响：

.mapboxgl-canvas {
    outline: none;
}