從鏈接中刪除圖像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 { 邊界：無; }