删除选定映射点上的蓝线

Posted 2023-03-06

【中文标题】删除选定映射点上的蓝线

【英文标题】：Remove Blue Lines on Selected Mapping Point

【发布时间】：2014-11-12 08:41:12

【问题描述】：

当我选择映射图像的一部分时，如何消除显示的蓝线。下面的例子：

<img src="http://earlgreyblog.com/wp-content/uploads/2014/09/resources-for-bloggers_02.png"    usemap="#Map"/>
<map name="Map" id="Map" outline:none; >
    <area  title="" href="http://www.nooralqahtani.com/writing-blog-post/" shape="rect"   coords="319,606,0,322" />
    <area  title="" href="http://www.marketyourcreativity.com/2014/09/5-must-have-apps-for-  creative-business/" shape="rect" coords="324,605,639,260" />
    <area  title="" href="http://emberandmarch.com/five-minute-disconnect/" shape="rect"   coords="638,251,323,2" />
    <area  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>

【问题讨论】：

在回答中查看我的更新

【参考方案1】：

请在您的 CSS 中尝试此代码：

area:focus 
     outline: none;

【讨论】：

我撒谎了，这还是不行。我会更新代码。

看起来这一切只是在线条出现的地方移动......非常混乱。

【参考方案2】：

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

img, a border:none, outline: none;

或

imgborder:none, outline: none;

您还可以通过这样做来限制范围并仅删除某些图像的边框：

.myClass imgborder:0;

希望这会有所帮助:)

更新：

我在您的代码中显示 outline:none; 而不是 style="outline:none;" 更正它

CSS：

img, map area
    outline: none;

这应该可以跨浏览器工作

【讨论】：

感谢您的评论，但我正在尝试为这篇文章解决此问题，同时保持其他所有内容不变。谢谢。

【参考方案3】：

发件人：

Remove Safari/Chrome textinput/textarea glow

和

This tutorial，你可以使用：

outline: none;

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

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

img, Map area
    outline: none;

【讨论】：

我已经在代码中找到了。我会尝试更好地上传代码，不知道为什么它只显示一行。

你会在哪里添加：img，地图区域大纲：无；