如何在Google Chrome中点击图片后删除图片周围的边框?

时间:2013-03-01 11:42:06

标签: javascript html css

实际上我正在使用插件SpryTabs来浏览菜单。我使用了两个背景图像来激活和停用标签。我在悬停时激活了一个标签。表示选项卡突出显示,并在单击其他选项卡时停用所选选项卡。

直到这里一切都很好。但真正的问题出现在用户在悬停后点击选项卡时,边框会在图像周围显示。

在Firefox中不会发生这种情况,只会在Chrome和IE中发生。

4 个答案:

答案 0 :(得分:27)

您可以在CSS中为特定元素添加以下代码

textarea:focus, input:focus{
    outline: none;
}

对于页面上的所有元素,请在css中使用此通用代码

*:focus {
    outline: none;
}

当图像和输入框周围出现橙色边框时,这对我有用。

答案 1 :(得分:4)

在图片上试用outline: none;

答案 2 :(得分:2)

使用outline:noneoutline:0

检查类似的here

答案 3 :(得分:1)

有一次相同的问题,按照样式修复问题:

outline: 1px solid transparent;

由于某种原因,btw outline:none对Chrome没有任何影响