单击时如何摆脱图像映射区域的边框轮廓(仅限OS X Chrome)

Question

我有这张图片地图

当您点击不同的城市时,该区域会显示黑色边框,但只会在Chrome中显示.(你可能需要在不同的城市点击几次,但边界会出现 - 一旦公交车到达城市边界开始出现)

我尝试过以下但无济于事.

a{outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }

你们有什么建议吗？任何帮助都非常感谢,因为这让我发疯!

Answer 1

老招 <area onfocus="blur(); (...) />" 好运;

`$("area").focus(function(){$(this).blur();});`如果你使用jQuery并希望它写得更好; 在IE8/7中,边界的东西仍然存在,这为我修复了它. (2认同)

Answer 2

我在IE9上有类似的问题,这有效:

#MyImageMap, #MyImage {
    outline: none;
}

这个想法的原始来源:"关于图像地图的一个注意事项是你要使用CSS禁用img,map和area标签上的边框." http://forums.macrumors.com/showthread.php?t=1342928

(该地区是地图的孩子)

Answer 3

您是否尝试过添加属性“border: none !important”？