我有一些HTML,在href标记中有img标记,可以用作按钮。一切都很好,除了当我在IE中打开它时,我在img标签周围得到了一个边框。
下面是一些代码:
<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中的蓝色边框?
发布于 2011-05-20 09:43:10
简单的解决方法是,在样式表中创建一个类似如下的样式:
a img{
border:0;
}在您的示例中,您可以更新样式,使其包含HTML中的一些内联样式。例如,您的样式表将更新为:
a{
cursor:pointer;
text-decoration:none
}
a img{
margin-top:600px;
}发布于 2011-05-20 10:00:11
将border="0“属性添加到img标记
发布于 2012-11-05 23:45:06
关于Internet Explorer的小问题和锚标签周围的灰色框-这是大纲。要隐藏大纲框,可以使用以下CSS:
a img{outline:none;}https://stackoverflow.com/questions/6066652
复制相似问题