如何在Chrome中禁用黑色轮廓

Question

此问题仅存在于Chrome中，当单击(焦点)时，地图画布会显示一个黑色轮廓。这应该是从Chrome83开始默认开启的某种辅助功能。我试着用css覆盖来禁用它，但没有成功：

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

未聚焦时：

​

​

当聚焦时：

​

​

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

Answer 1

这对我来说似乎足够了：

* {
    outline: none;
}

或者，为了最大限度地减少对可访问性的影响：

.mapboxgl-canvas {
    outline: none;
}