html - 删除选定映射点上的蓝线

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;
}