相关疑难解决方法(0)

我可以让Firefox不在链接上显示丑陋的虚线焦点轮廓:

a:focus { 
    outline: none; 
}

但是我怎样才能为<button>标签做这个呢？当我这样做:

button:focus { 
    outline: none; 
}

单击按钮时,按钮仍然具有点状焦点轮廓.

(是的,我知道这是一个可用性问题,但我想提供适合设计的焦点提示,而不是丑陋的灰点)

我正在阅读关于禁用链接周围的虚线边框的问题<a>.一些 答案使用outline: none,而一些使用outline: 0

使用outline: none和之间有什么区别outline: 0吗？

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

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

这在Firefox中不会发生,它只发生在Chrome和IE中.

当我点击它时,如何避免选择div并隐藏突出显示？
我想隐藏虚线轮廓:

(无法显示屏幕截图,这里是:http://i.stack.imgur.com/3OKaP.png)