如何删除火狐的button上的虚线轮廓以及链接？
我可以让Firefox不显示这个链接上的丑陋焦点轮廓：
a:focus { outline: none; } 但是我怎样才能做到这一点<button>标签呢？ 当我这样做：
button:focus { outline: none; }
当我点击它们时，button仍然有点焦点轮廓。
（是的，我知道这是一个可用性问题，但我想提供适合于devise的自己的焦点提示，而不是难看的灰点）
button::-moz-focus-inner { border: 0; }
不需要定义select器。
:focus {outline:none;} ::-moz-focus-inner {border:0;}
如果您更喜欢使用CSS来摆脱虚线大纲：
/*for FireFox*/ input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; } /*for IE8 */ input[type="submit"]:focus, input[type="button"]:focus { outline : none; }
在LINKS的情况下，下面的工作，想到分享 – 万一有人感兴趣。
a, a:visited, a:focus, a:active, a:hover{ outline:0 none !important; }
干杯!
:focus, :active { outline: 0; border: 0; }
[更新]此解决scheme不再有效。 为我工作的解决scheme是这一个https://stackoverflow.com/a/3844452/925560
标记为正确的答案不适用于Firefox 24.0。
要删除Firefox的button和锚点标签上的虚线轮廓，我添加了下面的代码：
a:focus, a:active, button::-moz-focus-inner, 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 { border: 0; outline : 0; }
我在这里find了解决办法： http : //aghoshb.com/articles/css-how-to-remove-firefoxs-dotted-outline-on-buttons-and-anchor-tags.html
尝试了大部分的答案，但没有一个为我工作。 当我意识到我必须摆脱Chrome上button的蓝色轮廓时，我发现了另一个解决scheme。 在Chrome中从css自定义样式的button中删除蓝色边框
这个代码在Windows 7的Firefox版本30上适用于我。也许它可以帮助其他人:)
button:focus {outline:0 !important;}
使用CSS无法在Firefox中删除这些点状焦点。
如果您可以访问Web应用程序的计算机，请转到Firefox的about：config并将browser.display.focus_ring_width设置为0.然后，Firefox将不会显示任何虚线边框。
以下错误解释了该主题： https ： //bugzilla.mozilla.org/show_bug.cgi？id = 74225
networking上有许多解决scheme，其中许多解决scheme是可行的，但是为了强制这一点，所以一旦使用以下内容，绝对没有任何东西可以突出/聚焦：
::-moz-focus-inner, :active, :focus { outline:none; border:0; -moz-outline-style: none; }
这只是增加了一点额外的安全性和密封交易！
从链接，button和input元素中删除虚线轮廓。
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; outline : 0; }
在大多数情况下，如果不添加!important的CSS代码，它将无法正常工作。
所以，不要忘记添加!important
a, a:active, a:focus{ outline: none !important; /* Works in Firefox, Chrome, IE8 and above */ }
或者其他任何代码：
button::-moz-focus-inner { border: 0 !important; }
使用此代码testingFirefox 46和Chrome 49。
input:focus, textarea:focus, button:focus { outline: none !important; }
之前 （白点可见）
之后 （白点不可见） 
如果您只想应用于less数input字段，button等。请使用更具体的代码。
input[type=text] { outline: none !important; }
快乐编码！
它看起来像实现这一目标的唯一方法是设置
browser.display.focus_ring_width = 0
在每个浏览器的基础上about：config。
button::-moz-focus-inner { border: 0; }
哪里button可以是任何你想禁用行为的CSSselect器。
你可能想加强重点而不是摆脱它。
button::-moz-focus-inner {border: 2px solid transparent;} button:focus::-moz-focus-inner {border-color: blue}
我想你应该通过删除焦点轮廓真正知道你在做什么，因为它可以搞乱键盘导航和可访问性。
如果您因为devise问题而需要将其取出，请将:focus状态添加到button中，以便将其replace为其他视觉提示，例如，将边框更改为更亮的颜色或类似的东西。
有时我觉得有必要把这个讨厌的大纲拿出来，但是我总是准备一个备用的焦点视觉提示。
而不要使用blur() js函数。 使用::-moz-focus-inner伪类。
如果您在button上有边框，并且想要在Firefox中隐藏虚线轮廓而不删除边框（因此button上的宽度过大），则可以使用：
.button::-moz-focus-inner { border-color: transparent; }
下面的CSS代码可以消除这个问题：
a:focus, a:active, button::-moz-focus-inner, 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 { border: 0; outline : 0; }
这适用于Firefox的27.0
.buttonClassName:focus { outline:none; }
只需添加此CSSselect框
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
这对我来说工作得很好。
你可以在你的CSS中试试button::-moz-focus-inner {border: 0px solid transparent;} 。
从上面尝试了很多选项后，只有以下工作给我。
*:focus, *:visited, *:active, *:hover { outline:0 !important;} *::-moz-focus-inner {border:0;}
这将得到范围控制：
:focus { outline:none; } ::-moz-focus-inner { border:0; } input[type=range]::-moz-focus-outer { border: 0; }
From： 从Firefox的范围input元素中删除虚线轮廓
随着Bootstrap 3我使用这个代码。 第二组规则只是取消了对于焦点/活动button的引导程序：
button::-moz-focus-inner { border: 0; /*removes dotted lines around buttons*/ } .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{ outline:0; }
注意你的自定义CSS文件应该在你的html代码中的引导CSS文件后覆盖它。
