当我点击映射到HTML / CSS中的图像的热点时，如何删除蓝色边框？

Question

我在图像上创建了一个热点，当我点击图像的某个区域时，现在是一个蓝色的盒子（在所有浏览器中）。我尝试了一切，包括添加：

#mapimage {
    margin: 0px; padding: 0px; text-align: center;border:0
}


#mapimage area {
    margin: 0px; padding: 0px; text-align: center;border:0
} 

#imagemap area {
outline:none;
}

a img { border: none; }

以下是代码：

<img id="mapimage" src="http://intra.ontariocourts.on.ca/ocj/wp-content/uploads/2014/09/regionsofthecourt.jpg" alt="regionsofthecourt" usemap="#regions" width="480" height="468" /></div>

请帮忙！谢谢！

Answer 1

您还需要将outline:none;添加到a img。

Answer 2

将hidefocus = true添加到您的＆lt; img＆gt;标签

<img id=......................... hidefocus=true/>

以及你的css

img #imagemap, map area { outline:none;} 

应该有效。试一试。

Answer 3

浏览了数十个论坛后，这对我有用。将以下代码添加到您的CSS中：

a img { 
  border: none; 
}

area {
  outline: none;
}