移除嵌入Google Maps的蓝色焦点边框问题求助

问题根源：嵌入的Google Map属于跨域iframe，外部CSS无法穿透控制iframe内部元素的焦点样式，所以你之前写的全局或iframe相关的focus样式都不起作用。

可行解决方案：

• 给iframe标签添加tabindex="-1"属性，让iframe无法被聚焦，点击时就不会触发蓝色焦点边框。

修改后的iframe示例代码：

<iframe tabindex="-1" id="gmap_canvas" src="你的地图嵌入链接" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

补充说明：这个属性不会影响地图的点击、拖拽等交互功能，只是移除了焦点触发的边框显示。如果需要保留键盘导航聚焦功能，这个方法不适用，但普通嵌入地图的场景下基本不需要该功能，所以这个方案最实用。

内容的提问来源于stack exchange，提问作者David Martins