首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何删除蓝色边框时,我点击一个热点映射到我的图像HTML/CSS?

如何删除蓝色边框时,我点击一个热点映射到我的图像HTML/CSS?
EN

Stack Overflow用户
提问于 2015-03-31 20:17:01
回答 3查看 996关注 0票数 0

我已经在图像上创建了一个热点,当我单击图像的某个区域时,现在是一个蓝色框appreas (在所有浏览器中)。我已经尝试了一切,包括补充:

代码语言:javascript
运行
复制
#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; }

以下是代码:

代码语言:javascript
运行
复制
<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>

请帮帮我!谢谢!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-03-31 20:19:57

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

票数 0
EN

Stack Overflow用户

发布于 2015-03-31 20:42:59

将hidefocus=true添加到< img >标记中

代码语言:javascript
运行
复制
<img id=......................... hidefocus=true/>

也在你的css中

代码语言:javascript
运行
复制
img #imagemap, map area { outline:none;} 

应该能用的。试试看。

票数 0
EN

Stack Overflow用户

发布于 2019-12-04 22:34:43

在浏览了几十个论坛之后,这对我来说是有效的。将下面的代码添加到CSS中:

代码语言:javascript
运行
复制
a img { 
  border: none; 
}

area {
  outline: none;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29377761

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档