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

Question

我正在使用这个jfiddle。在chrome中，当我单击图像时，它不会产生虚线，但是当我在Firefox中单击图像时，会出现虚线。

.

如何删除虚线？

我试过了：

#myButton:focus {
  outline: 0;
}

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

但这没有用。

score 3 · Accepted Answer

尝试这个：

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

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

PS：它也可以在没有选择器的情况下使用::-moz-focus-inner.

score 0 · Accepted Answer

基本上你想用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 产生了虚线，更新后没有。

2 回答 2