首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将img标记放在href标记内会导致IE中的图像周围出现边框

问将img标记放在href标记内会导致IE中的图像周围出现边框
EN

Stack Overflow用户
提问于 2011-05-20 09:41:19
回答 3查看 39.4K关注 0票数 35

我有一些HTML,在href标记中有img标记,可以用作按钮。一切都很好,除了当我在IE中打开它时,我在img标签周围得到了一个边框。

下面是一些代码:

代码语言:javascript
复制
<a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(7)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(6)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px; text-decoration:none" /></a>

如何摆脱只出现在IE中的蓝色边框?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-05-20 09:43:10

简单的解决方法是,在样式表中创建一个类似如下的样式:

代码语言:javascript
复制
a img{
border:0;
}

在您的示例中,您可以更新样式,使其包含HTML中的一些内联样式。例如,您的样式表将更新为:

代码语言:javascript
复制
a{
cursor:pointer;
text-decoration:none
}

a img{
margin-top:600px;
}
票数 48
EN

Stack Overflow用户

发布于 2011-05-20 10:00:11

将border="0“属性添加到img标记

票数 12
EN

Stack Overflow用户

发布于 2012-11-05 23:45:06

关于Internet Explorer的小问题和锚标签周围的灰色框-这是大纲。要隐藏大纲框,可以使用以下CSS:

代码语言:javascript
复制
a img{outline:none;}
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6066652

复制
相关文章

相似问题

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