Question

当您单击类型按钮的输入时，我正试图摆脱FF中出现的虚线轮廓。此大纲未显示在Chrome中。

我试过了：

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

这些都不起作用。谁知道真正的解决方案？感谢。

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

onclick闪烁轮廓，如同，它出现，然后在mouseup上消失。我尝试将模糊绑定到mousedown和mouseup，但闪存仍然存在。

任何人都有更好的想法吗？

感谢。

再次编辑：

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

Answer 1

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

这是一个如何使用jquery执行此操作的霰弹枪/矫枉过正方法：

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

Answer 2

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

<input type="button" value="test" onclick="this.blur()" />

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

2 个答案: