如何在单击时移除图像映射区域的边框轮廓（仅适用于OS X Chrome） [英] How do I get rid of this border outline for my image map areas when clicked (OS X Chrome Only)

问题描述

我有这张图片地图

http： //corfro.com/projects/charlie-faye-tour-map/

当您点击不同的城市时，黑色边框会显示在区域，但只发生在Chrome。 （您可能需要在不同的城市点击几次，但边界会出现 - 一旦公共汽车到达城市边界开始显示）

And when you click on the different cities a black border shows up on the area but only happening in Chrome. (you might need to click a few times on different cities but the border will show up - once the bus arrives at the city the borders start showing up)

尝试以下操作但无效。

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

你们有什么建议吗？

推荐答案

旧手法< area onfocus = blur（）;（...）/>
祝好运;

Old trick <area onfocus="blur(); (...) />" Good luck;

这篇关于如何在单击时移除图像映射区域的边框轮廓（仅适用于OS X Chrome）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！