当我在Firefox中单击它时，如何删除图像按钮上的虚线？

Question

我正在使用此jfiddle。在Chrome中，当我点击图像时它不会产生虚线但是当我点击firefox中的图像时会出现一条虚线。

如何删除虚线？

我试过了：

#myButton:focus {
  outline: 0;
}

#myButton:active {
  outline: none;
  border: none;
}

但那没用。

Answer 1

试试这个：

button::-moz-focus-inner {
    border:0;
}

button可以替换为您要禁用该行为的任何选择器。

P.S：只使用::-moz-focus-inner，它也可以在没有选择器的情况下运行。

<强> JSFiddle Demo

Answer 2

Here is updated jsfiddle code

基本上你想用javascript来模糊聚焦。如果使用jquery：

$(function() {
    var button = $("#myButton");
    $(button).focus(function() { 
        $(this).blur();
    }); 
});

或者没有jquery这样的东西：

var button = document.getElementById("myButton");
button.onfocus = function() { button.blur(); }

我在Ubuntu上测试了Firefox，原来的jfiddle产生了虚线，更新了没有。