Html 如何删除图像地图的蓝色边框？

登陆页面是一个静态背景图像，我用图像地图创建了一个可点击的区域。问题是当你点击该区域时，会出现一个蓝色边框（见下图）。我想移除边界，但似乎没有任何效果

<div class="fixed-background" >
<img src="picture.svg" usemap="#image-map">
</div>

<map name="image-map">
<area href="target.org" coords="300,1000,30,1100" shape="rect">
</map>

---

看起来像对象的

轮廓

如果在CSS中为对象指定
outline:none
，则会删除在浏览器中选择元素时看到的蓝色光晕。
看起来像对象的
outline

如果在CSS中为对象指定
outline:none
，则会删除在浏览器中选择元素时看到的蓝色光晕。
这看起来像是
焦点状态

你可以避免这种情况

*:focus { outline: none; }

另一方面，可见焦点对于不使用鼠标或触摸板的人来说是重要的，即只使用键盘在页面上移动（关键词可访问性），所以你应该考虑把它原样留下（也许只会改变轮廓颜色以更好地适合你的页面）。这看起来像是
焦点状态

你可以避免这种情况

*:focus { outline: none; }

另一方面，可见焦点对于不使用鼠标或触摸板的人来说是重要的，即只使用键盘在页面上移动（关键词可访问性），所以你应该考虑把它原样留下（也许只会改变轮廓颜色以更好地适合你的页面）。
你有什么css我们可以看吗？你有什么css我们可以看吗？
概述：无本身不是一个好的解决方案。提纲之所以在那里是有原因的，这取决于你想要达到什么目标。这不是一个输入字段，保留图像地图的轮廓不会有什么好处，也不会试图实现任何目标。当您删除默认浏览器大纲并且不提供其他选项时，不使用鼠标的用户将无法访问/无法访问网站。这取决于开发人员的判断。我不太确定您是否希望生成一个精心设计的解决方案，而不仅仅是
大纲：无
，这样人们就可以（不知何故）选择使用无需鼠标的可点击图像地图。最好是解决问题，而不是不存在或不存在的问题。
outline:none
本身不是一个好的解决方案。提纲之所以在那里是有原因的，这取决于你想要达到什么目标。这不是一个输入字段，保留图像地图的轮廓不会有什么好处，也不会试图实现任何目标。当您删除默认浏览器大纲并且不提供其他选项时，不使用鼠标的用户将无法访问/无法访问网站。这取决于开发人员的判断。我不太确定您是否希望生成一个精心设计的解决方案，而不仅仅是
大纲：无
，这样人们就可以（不知何故）选择使用无需鼠标的可点击图像地图。最好解决问题，而不是不存在或不存在的问题。