css - 移动Firefox在<a></a>周围放置一个蓝框

每当我点击Mobile Firefox中的一个锚时，它会在<a>周围绘制一个蓝色边框，在点击锚点后它会一直存在。以下是这看起来的截图：

enter image description here

为了删除这个边框，我尝试将以下内容添加到我的CSS中，但没有效果：

a {-moz-user-select: none;}

a:link { outline:none; }
a:visited { outline:none; }
a:hover { outline:none; }
a:active { outline:none;  }
a:focus { outline:none; }

我还尝试将以下代码段添加到我准备好的DOM上的JavaScript上，也没有效果：

$("a").live('click',function(event) {
    if (document.selection)
        document.selection.empty();
    else if (window.getSelection)
        window.getSelection().removeAllRanges();
});

这个蓝色边框是否有风格？我怎么能摆脱它？

最小测试用例（example）

以下是显示此行为的页面的简化示例：

<!DOCTYPE html><a href="#foo">Test</a>

渲染

enter image description here

移动Firefox在<a></a>周围放置一个蓝框

最小测试用例（example）

渲染

0 个答案: