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

Question

这个点击指示器对于我最近的网络项目来说是一个恶心的部分..我讨厌这个！ - 我怎么能对我的Firefox浏览器说他不应该标记点击的对象？

Answer 1

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

element { outline: none; }

Answer 2

a { 大纲：无; }

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

更具体的是@ ioannis-karadimas，您可以在悬停时删除轮廓（假设鼠标输入），但保留焦点（假设键盘输入）。这将保留大部分可访问性。话虽如此：

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

Answer 6

根据this post，添加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, ...

没有任何作用