如何删除图像映射的蓝色边框？

Question

着陆页是静态背景图片，我创建了一个带有图像映射的可点击区域。问题是当您单击该区域时会出现蓝色边框（请参见下图）。我想删除那个边框，但似乎没有任何工作。

<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>

Answer 1

看起来像对象的outline。

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

Answer 2

这看起来像focus州。

您可以避免定义

*:focus { outline: none; }

但另一方面，可见焦点对于不使用鼠标或触控板的人来说非常重要，即只使用键盘在页面上移动的人（关键字可访问性），所以你应该考虑留下它原样（可能只更改轮廓颜色以更好地适合您的页面）