删除所选映射点上的蓝线

Question

当我选择部分映射图像时，如何摆脱显示的蓝线。示例如下：

<img src="http://earlgreyblog.com/wp-content/uploads/2014/09/resources-for-bloggers_02.png" alt=""   usemap="#Map"/>
<map name="Map" id="Map" outline:none; >
    <area alt="" title="" href="http://www.nooralqahtani.com/writing-blog-post/" shape="rect"   coords="319,606,0,322" />
    <area alt="" title="" href="http://www.marketyourcreativity.com/2014/09/5-must-have-apps-for-  creative-business/" shape="rect" coords="324,605,639,260" />
    <area alt="" title="" href="http://emberandmarch.com/five-minute-disconnect/" shape="rect"   coords="638,251,323,2" />
    <area alt="" title="" href="http://www.weareflourishandprosper.com/#!WHY-BLOGGERS-SHOULDNT-BE-  EXPECTED-TO-WORK-FOR-FREE/cyv2/053CC54E-BAA7-4BCB-8E89-8857A32C64EC" shape="rect" coords="2,316,318,3"   />
</map>

Answer 1

请在CSS中尝试此代码：

area:focus {
     outline: none;
}

Answer 2

自：

Remove Safari/Chrome textinput/textarea glow

和

This tutorial，你可以使用：

outline: none;

删除那个发光，所以如果它是一个图像映射，你需要将上面的css规则添加到该图像映射元素，你还没有发布一些代码，所以我无法真正向你展示你需要的正确代码添加或更改。

考虑到您的代码，以下应该可以正常工作。

img, Map area{
    outline: none;
}

Answer 3

使用重置CSS是个好主意。将其添加到CSS文件的顶部

img, a {border:none, outline: none;}

或

img{border:none, outline: none;}

您还可以限制范围，只删除某些图像上的边框：

.myClass img{border:0;}

希望这有助于：）

更新

我在您的代码中显示outline:none;代替style="outline:none;"更正

<强> CSS：

img, map area{
    outline: none;
}

这应该跨浏览器工作