CSS Firefox - 如何停用虚线边框（firefox 单击指示器）？

Question

对于我最近的网络项目来说，这个点击指示器是一个令人厌恶的部分。我讨厌这个！ - 我如何对我的 Firefox 浏览器说他不应该标记单击的对象？

Answer 1

如果您的菜单项不是输入元素（例如按钮），您可以使用 CSS 隐藏它，如下所示：

element { outline: none; }

Answer 2

一个{
概要：无；
}

Answer 3

在这之前没有任何帮助（Firefox 20.1）：

a:focus, a:active,
button,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: none !important;
}

Answer 4

这是更准确的：

a { outline: none!important; }

Answer 5

更具体地说，您可以删除悬停时的轮廓（假设鼠标输入），但将其保留为焦点（假设键盘输入）。这将保留大部分可访问性。话虽这么说：

element:hover { outline: none; }
element:focus { // leave the focus }

Answer 6

基于这篇文章 ，添加 outline:0 也能达到目的。

.selector{ outline:0; }

如果您不想让网站中的任何元素显示边框，请尝试以下操作，

:focus { outline:none; }
::-moz-focus-inner { border:0; }

Answer 7

您可能讨厌它，但您的客户可能不喜欢。一般来说，覆盖浏览器功能是迷惑用户并促使他们不访问您的网站的好方法。

Answer 8

疯狂的解决方案：

input[type="button"]::-moz-focus-inner{
    border: 1px dotted transparent;
}

但我不喜欢它。

事实上，当我单击输入类型=“按钮”时，Firefox 12.0 会在输入类型上标记一个点。 outline:none 对 :active, :focus, ... 没有任何作用