底图使用Map时，点击地图的div，然后在浏览器中按F11全屏展示时，地图的div会出现一圈黑色的边框

[aaa1729511481]

问题描述

底图使用Map时，点击地图的div，然后在浏览器中按F11全屏展示时，地图的div会出现一圈黑色的边框，想要将该黑色边框隐藏

重现链接

https://codesandbox.io/p/sandbox/jolly-sound-c9w9t4

重现步骤

鼠标左键点击地图，然后按F11使浏览器全屏，地图的边框就会出现黑色边框。若底图为高德地图时，则不会出现（其他底图没试过）

预期行为

希望底图为Map时，不会出现黑色边框的情况

平台

• 操作系统: [Windows]
• 网页浏览器: [Google Chrome,]

屏幕截图或视频（可选）

补充说明（可选）

最新版本的L7也存在这个问题 （2024-06-21版本）

[github-actions[bot]]

Hi @aaa1729511481, Please star this repo if you find it useful! Thanks :star:! 你好～ @aaa1729511481 🌟 如果这个仓库对你有帮助，可以给我们点个star支持一下～你的支持对我们来说是最大的鼓励，感谢你的支持与点赞 🌟

[lvisei]

Mac 上是蓝色，检查是不是浏览器默认自带样式

• https://stackoverflow.com/questions/26531663/how-to-change-a-divs-outline-color-when-selected

[aaa1729511481]

确实是这样原因 ，加上 下面的代码就解决了 赞 :focus-visible { outline: 0; }