实际上我正在使用插件SpryTabs来浏览菜单。我使用了两个背景图像来激活和停用标签。我在悬停时激活了一个标签。表示选项卡突出显示,并在单击其他选项卡时停用所选选项卡。
直到这里一切都很好。但真正的问题出现在用户在悬停后点击选项卡时,边框会在图像周围显示。
在Firefox中不会发生这种情况,只会在Chrome和IE中发生。
答案 0 :(得分:27)
您可以在CSS中为特定元素添加以下代码
textarea:focus, input:focus{
outline: none;
}
对于页面上的所有元素,请在css中使用此通用代码
*:focus {
outline: none;
}
当图像和输入框周围出现橙色边框时,这对我有用。
答案 1 :(得分:4)
在图片上试用outline: none;
答案 2 :(得分:2)
使用outline:none
或outline:0
检查类似的here
答案 3 :(得分:1)
有一次相同的问题,按照样式修复问题:
outline: 1px solid transparent;
由于某种原因,btw outline:none
对Chrome没有任何影响