活動圖像周圍的藍色輪廓

在谷歌瀏覽器中，當我點擊一個鏈接的圖像時，瀏覽器在圖像周圍添加了一個藍色的輪廓（請看圖片）。我怎樣才能刪除輪廓？試過，沒有運氣...活動圖像周圍的藍色輪廓

a img { 
outline:none; 
color:transparent; 
}

blue outline around image http://i58.tinypic.com/28jd2t2.jpg

來源

2014-06-25 Malasorte

你能舉個例子..這裏是一個簡單的http://jsfiddle.net/zjV8N/，我沒有看到問題。 – webkit

http://jsbin.com/qugahixe/1/edit DEMO適合你嗎？ –

這個問題是'選擇'問題。我在我的Windows機器上嘗試過。大綱不顯示。我試過在我的Ubuntu機器上，它顯示橙色虛線輪廓選擇。 – aBhijit

讓我們試試這個方法。檢查DEMO。

a:focus{border: none; outline:none !important; }

來源

2014-06-25 11:23:06

工作！謝謝你們！ – Malasorte

確保檢查所有瀏覽器。 – aBhijit

會做........ – Malasorte

您需要另一個選擇：

a:active

來源

2014-06-25 11:07:50 Andi

謝謝，但輪廓仍然很藍... – Malasorte

添加到您的CSS：

a:active{ 
    user-select: none; 
    -o-user-select:none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}

另一種選擇是（可能是最好的）不使用img標籤。創建一個div，並使用CSS並使用該圖像作爲div背景圖像。

來源

2014-06-25 11:08:38 aBhijit

不，邪惡的輪廓仍然存在... – Malasorte

嘗試更新的代碼。如果可以，請張貼jsfiddle。 – aBhijit

製作也大致沒有標籤，

a {border：0px none;概要：0; }

來源

2014-06-25 11:20:33 Husen

活動圖像周圍的藍色輪廓

回答

相關問題