想從我的背景中刪除默認邊框img

如何將此醜陋1px black border遠離此背景圖片？想從我的背景中刪除默認邊框img

我在Chrome網頁開發人員工具中取消選中background: url(../images/thumbsDownSelected-Red.png);，剩下的就是這個醜陋的1px純黑色邊框。

.thumbsUpSelected { 
    background: url(../images/thumbsUpSelected-Green.png); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
    height: 65px; 
    width: 65px; 
    cursor: pointer; 
} 

<img src="" id="" class=" thumbsUpSelected thumbs-button ">

我試過刪除src=""，沒有任何改變。

即使告訴img{border:0 !important}什麼都不做！

我不想在src =中引用img，所以請避免張貼解決方案。

這是怎麼回事？爲什麼在開發工具中沒有出現神話般的邊框並且無法刪除？

來源

2014-10-08 Ian Steffy

你可以準備一個小提琴或張貼完整的代碼/網址。 – 2014-10-08 19:16:22

div上的邊界怎麼樣？ – 2014-10-08 19:17:39

如果不加載背景，難看的1px純黑色邊框會消失嗎？ – mauricioSanchez 2014-10-08 19:25:45

你試過

border: none;

在DIV

？

這是具有邊界的div。圖像只是div的背景，所以你把它拿走，div上的邊框將保留。我假設div有一些其他CSS的邊界（可能是拇指按鈕？）。在這種情況下，你需要把！重要的或改變其他班級。

來源

2014-10-08 19:19:24 JackArbiter

好吧我解決了它

空標記默認這個邊界。

只需將img標籤更改爲div即可解決問題。

來源

2014-10-08 19:28:35

.thumbsUpSelected 
{ 
border: none; 
}

來源

2014-10-09 03:53:00 Heta

想從我的背景中刪除默認邊框img

回答

相關問題