Firefox - 删除单选按钮周围的虚线答案

【问题标题】：Firefox - Remove Dotted Line Around Radio ButtonFirefox - 删除单选按钮周围的虚线
【发布时间】：2011-09-05 20:41:06
【问题描述】：

所以我看到了有关如何在 Firefox 中删除元素周围的虚线的相关帖子。但仍然没有喜悦。

我有一个无序列表，每个LI 都包含一个标签和一个单选按钮。如果我将LI 的背景颜色设置为任何颜色，那么 Firefox 的虚线会出现在单选按钮周围。如果我删除背景，我不会得到虚线。奇怪。

我已经尝试使用以下方法，但仍然没有成功。

input[type="radio"]:focus {border:0;}
input[type="radio"]:-moz-focusring {outline:none;}

这是问题的 JSFiddle（尝试在 LI 上删除/添加背景颜色）：

http://jsfiddle.net/pSVD9/4/

关于如何删除虚线但保留 LI 上的背景颜色的任何想法？

【问题讨论】：

对不起伙计们 - 甚至是陌生人 - 我关闭了 FF4 并重新打开 - 问题已解决。很奇怪。

标签： css firefox radio-button

【解决方案1】：

如果它再次发生，这应该可以解决它：

input[type=radio],  select {
    -moz-appearance: none !important;
    -moz-border-bottom-colors: transparent !important;
    -moz-border-left-colors: transparent !important;
    -moz-border-right-colors: transparent !important;
    -moz-border-top-colors: transparent !important;
}

虽然，它最终会在顶部添加一些间距。不过可以忽略不计。

// 为 Tom Roggero 编辑
// 为 iPadDeveloper2011 编辑

【讨论】：

不，仍然不适用于选择。选择不是输入[type=select]。即使纠正了它也不起作用。因为这是关于单选按钮，所以您没有投反对票。
iPadDeveloper2011，你是对的。我已经更新了我的答案。令我惊讶的是，我在 2011 年是多么新手：P