如何在Linux上的Firefox中删除聚焦无线电输入的边框/轮廓

Question

我知道关于SO的类似问题有很多答案，但似乎没有一个对我有用。问题是在Firefox上只有Linux（Windows很好），无线电输入在聚焦时会有橙色轮廓。当输入放在具有overflow: hidden的元素内时，此大纲有问题：

<div style="width: 100px; margin: 30px auto; overflow: hidden;">
    <label><input type="radio" name="some_radio">radio 1</label>
    <br>
    <label><input type="radio" name="some_radio">radio 2</label>
</div>

那么我怎么能摆脱那个大纲，任何人都可以帮忙吗？我已经尝试了input::-moz-focus-inner，::-moz-focusring等但没有任何效果。

以下是jsFiddle，但只有在使用Linux时才能看到问题。

Answer 1

这是由你的GTK主题所吸引的。

您可以使用-moz-appearance: none完全关闭GTK主题的使用，但是您无法选择要使用的主题部分：主题基础结构实际上不允许这样做。

Answer 2

除了上面的评论之外，这是我在FF中查看的内容。

这是操作系统在转到SystemInfo-＆gt;操作系统时告诉我的内容（如果它有所不同）

-Version-
Kernel      : Linux 3.2.0-23-generic (x86_64)
Compiled        : #36-Ubuntu SMP Tue Apr 10 20:39:51 UTC 2012
C Library       : Unknown
Default C Compiler      : GNU C Compiler version 4.6.3 (Ubuntu/Linaro 4.6.3-1ubuntu5) 
Distribution        : Linux Mint 13 Maya
-Current Session-
Computer Name       : enhzflep-VirtualBox
User Name       : enhzflep (*****)
Home Directory      : /home/enhzflep
Desktop Environment     : MATE
-Misc-
Uptime      : 57 minutes
Load Average        : 0.60, 0.52, 0.42

Answer 3

input, 
input:active,
 input:focus,
a:focus{ outline: 0; outline-style:none; outline-width:0; }


 button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="file"] > input[type="button"]::-moz-focus-inner,
a
 { border: none; }