活动图像周围的蓝色轮廓

时间:2014-06-25 11:06:09

标签: css google-chrome

在谷歌浏览器中,当我点击链接的图像时,浏览器会在图像周围添加蓝色轮廓(请参阅图片)。如何删除轮廓?试过这个,没有运气......

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

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

4 个答案:

答案 0 :(得分:1)

您需要另一个选择器:

a:active

答案 1 :(得分:1)

将此添加到您的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并使用图像作为divs background-image。

答案 2 :(得分:1)

也为标签概述无,

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

答案 3 :(得分:1)

让我们尝试这种方法。检查 DEMO

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