如果您快速查看下面的两个链接，您会发现大多数人都希望摆脱图像上地图区域周围的轮廓。我看到这仅发生在 MAC OS X 平台上。
单击时如何消除我的图像地图区域的边框轮廓（仅限 OS X Chrome）
但是，我想要做的是在多个浏览器中显示轮廓并更改它的颜色和宽度。我试过但没有用。我为 id 创建了一个样式。没用。我尝试使用一个类，但没有奏效。我设置了内联样式，但也没有用。顺便说一句，我在地图和区域标签上都尝试过。
到目前为止，我在单击时使用 gif 来“边框”该区域。但是，如果我可以利用内置的形状属性来突出显示单击的区域，事情就会变得容易得多。
非常感谢您的帮助。
这个答案看起来很有趣：
链接到这里：http ://davidlynch.org/js/maphilight/docs/demo_simple.html
旧版本的 Internet Explorer 不尊重区域轮廓的 CSS。您可以通过阻止mousedown事件的默认处理来解决此问题。如果使用 jquery，类似
$('area').bind('mousedown',function(e) {
e.preventDefault();
});
会为页面上的所有图像映射处理它。
还可以看看我的插件：http ://www.outsharked.com/imagemapster ，它可以让您轻松处理鼠标悬停和单击事件的轮廓（和其他）效果。