当元素获得焦点时，Firefox 会自动为其添加虚线轮廓，以显示该元素当前获得焦点。
这在使用键盘浏览网页时非常有用，并且大大提高了可访问性。
然而，它看起来也相当丑陋，当我使用鼠标浏览网页时，我希望它根本不会显示出来。
网络上已经有很多关于如何使用 css 禁用这些轮廓的问题和答案，答案通常是
:focus {outline:none;}
::-moz-focus-inner {border:0;}
不过我想在所有地方禁用这个虚线轮廓，不仅仅是在我可以编辑 css 的页面上，最好通过改变简单的浏览器设置。
答案1
您可以禁用 Firefox 用于键盘焦点的虚线轮廓，而无需编辑 CSS 或安装浏览器扩展。
转到浏览器的 URL 栏，输入about:config然后按 Enter。这将打开一个页面，警告您更改高级设置。确认警告，然后搜索设置“focus_ring_width”。（在搜索字段中输入“focus”或“ring”应该足以显示匹配设置的列表。）
找到设置browser.display.focus_ring_width并将其值设置为 0。（默认值为 1；设置更高的值会使虚线轮廓更粗。）您可以在退出设置之前在网页上（在不同的选项卡或窗口中）测试该设置about:config。
请注意，这只会禁用浏览器自己的焦点指示器；它不能禁用:focus链接到网页的 CSS 中定义的样式规则（但这不是问题所在）。