删除图像映射区域上的轮廓

Question

在图像地图上选择区域时，是否有删除轮廓？看到：

我在Snow Leopard上使用Chrome。

Answer 1

似乎只需要删除这些边框，就可以在img标记上设置hidefocus属性和outline css属性，如下所示：

HTML

<img class="map" src="..." usemap="..." hidefocus="true" />

CSS

img.map, map area{
    outline: none;
}

这应该跨浏览器工作！

修改

就像Sergey K评论的那样，如果你不想支持IE6，你可以通过使用属性选择器来保存字节。

img[usemap], map area{
    outline: none;
}

Support starts with IE7.

Answer 2

我在chrome和safari上遇到同样的问题，并通过为每个区域标签分配一个类.map并为该类提供以下样式来获得成功：

.map {
outline: 0;
}

Answer 3

为您的imagemap提供“Map”的ID，然后使用以下CSS声明：

#Map area {
    outline: none;
}

Answer 4

有点老式，但是 这是否有效：

    <area onfocus="blur();" ... 

GTX，CS

Answer 5

所以如果你有一个没有CSS的古老网页（我知道太糟糕了！）你可以通过插入来修复它 在coords之后和区域标记内的href之前的样式=“outline：none” - 绝对完美！

Answer 6

使用CSS。在元素上设置style="outline:none;"，或者最好将其放在样式表中。

Answer 7

在其css规则上试过outline:0？