删除嵌入式护目镜地图上的蓝色焦点边框

Question

当您单击嵌入的 Google 地图时，它会显示蓝色边框。

如何去掉这个蓝色焦点边框？？？

我已尝试以下所有方法但没有成功：

*:focus {
    outline: none !important;
    border: none !important;
}

iframe {
    outline: none !important;
    border: none !important;
}
iframe:focus {
    outline: none !important;
    border: none !important;
    
}
#gmap_canvas:focus {
    outline: none !important;
    border: none !important;
}

.mapouter:focus {
    outline: none !important;
    border: none !important;
}

小提琴

Answer 1

这就是我在开发工具中删除它的方法。我选择了地图的外部 div 容器，并在 style 属性中应用了 border=none 。

抱歉，拖动并滚动地图后它仍然会回来。

Answer 2

我也遇到过同样的问题，试试这个：

.gm-style iframe + div { border:none!important; }

这显然是谷歌有意的“辅助功能”。