Javascript map area:onfocus=blur（）在IE中工作，但现在却在Firefox中添加了一个大纲？

我有一张图像地图：

<map>
  <area ..>
  <area ..>
</map>

• 使用来自

---

任何建议都将不胜感激。

尝试将此添加到您的CSS中：

area:active, area:focus {
    outline: none;
}

解决的问题：

onclick="blur()" onfocus="navigator.appName == 'Microsoft Internet Explorer' ? blur() : null"

---

这么奇怪的问题。我尝试了Sally Oldfield的解决方案，但发现Chrome与IE存在相同的问题-它需要blur（）调用

这就是我在Firefox、Chrome和IE中使用的解决方案：

<area onfocus="navigator.userAgent.indexOf('Firefox') != -1 ? null : blur()" ... />

我原以为我使用了适用于Safari的jQuery版本的blur（）解决方案解决了这个问题，但后来FF有了一个虚线轮廓。将tabindex=“-1”添加到两个已解决的问题中

我确实…看到上面了。我以前没有代码高亮显示它，所以我只是编辑它以便您可以看到它。

onclick="blur()" onfocus="navigator.appName == 'Microsoft Internet Explorer' ? blur() : null"

<area onfocus="navigator.userAgent.indexOf('Firefox') != -1 ? null : blur()" ... />

<area tabindex="-1" [...] />