jquery去掉按钮周围的虚线轮廓

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

我试过：

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

这些都不管用。有人知道真正的解决办法吗？谢谢

编辑：寻找更好的解决方案

onclick会闪烁轮廓，如中所示，它会出现，然后在鼠标悬停时消失。我试着将模糊绑定到mousedown和mouseup，但闪光灯依然闪烁

有谁有更好的主意吗

谢谢

再次编辑：

---

该解决方案适用于最新版本的FF。看起来有个bug被修复了或者什么的。

嘿，你可以尝试添加blur（）事件：

---

虚线轮廓是Firefox向用户指示有焦点的元素的方式。如果您正在编写某种客户端应用程序，其中按钮/链接/元素被单击，并且DOM没有更改，那么您将看到FF的焦点大纲。消除此问题的唯一方法是

blur（）

事件的目标元素

下面是一个使用jquery执行此操作的散弹枪/过击杀方法：

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

---

您不应该像这样使用突兀的事件处理程序。

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