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

Question

我知道关于 SO 的类似问题有很多答案，但似乎没有一个对我有用。问题在于，仅在 Linux 上的 Firefox 中（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 主题绘制的。

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

Answer 2

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

这是我转到 SystemInfo->Operating system 时操作系统告诉我的内容（以防它有所不同）

-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; }