从链接中删除图像CSS

Question

我们的设计师创造了这个CSS的链接

A 
{ 
    text-decoration: underline; 
    color: #E77C15; 
} 

A:link 
{ 
    text-decoration: underline; 
    color: #E77C15; 
} 

A:visited 
{ 
    text-decoration: underline; 
    color: #E77C15; 
} 

A:hover 
{ 
    text-decoration: underline; 
    color: #039; 
} 

A:active 
{ 
    text-decoration: underline; 
    color: #E77C15; 
} 

我需要与它周围没有边框的图片链接。现在它有一个围绕它的css的颜色边框。

我已经试过

<a href='myurl' style="border-style:none; text-decoration:none" > 
     <img src="myimage.png" style="width: 20px; height: 20px" alt="Remove" title="Remove" /> 
    </a> 

但边界仍显示。 如何删除此链接图像周围的边框。 谢谢！

Answer 1

您应该将CSS添加到<img>而不是<a>。

更好地利用一般的CSS规则：

img { border:none } 

Answer 2

 
a img { 
    border: 0; 
} 

Answer 3

在img上使用border:none;。

a img{ 
    border:none; 
} 

Answer 4

添加下面的规则你的CSS：

a img { 
    border: 0; 
} 

我会鼓励你，或你的设计师，研究如何使用CSS Reset Stylesheets。

Answer 5

将此放在你的样式表：

a img {border:0px;} 

Answer 6

边界是图像，而不是链接周围。

地址：

a img { 
border: none; 
} 

Answer 7

尝试将此添加到您的CSS：

一个IMG { 边界：无; }