jquery 摆脱按钮周围的虚线轮廓

Question

我试图消除当您单击输入类型按钮时出现在 FF 中的虚线轮廓。此轮廓不会出现在 Chrome 中。

我已经尝试过:

.button {
    border:none;
    outline:none;
}
.button:active {
    border:none;
    outline:none;
}
.button:focus {
    border:none;
    outline:none;
}

这些都不起作用。有人知道真正的解决方案吗？谢谢。

编辑:寻找更好的解决方案。

onclick 会闪烁轮廓，如图所示，然后在鼠标松开时消失。我尝试将模糊绑定(bind)到 mousedown 和 mouseup，但闪光仍然存在。

大家有更好的想法吗？

谢谢。

再次编辑:

解决方案适用于最新版本的 FF。看起来好像修复了一个错误或者其他什么。

Answer 1

虚线轮廓是 Firefox 向用户指示哪个元素具有焦点的方式。如果您正在编写某种客户端应用程序，其中单击按钮/链接/元素并且 DOM 未更改，那么您将看到 FF 的焦点轮廓。摆脱这个问题的唯一方法是 blur() 事件的目标元素。

这是如何使用 jquery 执行此操作的霰弹枪/过度杀伤方法:

$(function() {
    $('.autoblur').live("click", function(event) {
        this.blur();
    });
});