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

Question

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

我在Snow Leopard上使用Chrome.

Answer 1

看起来你要做的就是删除这些边框取决于img标记,通过在其上设置hidefocus属性和outlinecss属性,如下所示:

HTML

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

CSS

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

这应该跨浏览器工作!

编辑

就像谢尔盖K评论的那样,如果你不想支持IE6,你可以通过使用属性选择器来节省字节.

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

支持从IE7开始.

Answer 2

我对chrome和safari都有同样的问题,并通过为每个区域标记分配一个类.map并为该类提供以下样式来获得成功:

.map {
outline: 0;
}

Answer 3

有点老式,但这工作:

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

？

GTX,CS

Answer 4

为imagemap提供"Map"的id,然后使用以下CSS声明:

#Map area {
    outline: none;
}