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

因此，我看到了有关如何删除Firefox中元素周围虚线的相关帖子。但仍然没有快乐

我有一个无序列表，每个

LI

包含一个标签和一个单选按钮。如果我将

LI

的背景色设置为任何颜色，那么Firefox的虚线就会出现在单选按钮周围。如果我去掉背景，就不会得到虚线。奇怪

我试过使用以下方法，但仍然没有成功

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

这里是问题的一个小例子（尝试删除/添加LI上的背景色）：

---

关于如何删除虚线，但保留LI上的背景色，您有什么想法吗？

如果再次出现这种情况，应该解决：

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编辑

抱歉，伙计们-甚至是陌生人-我关闭了FF4并重新打开-问题已修复。非常奇怪。不，仍然不适用于select。选择不是输入[type=Select]。即使纠正了这一点，它也不起作用。你逃脱了否决票，因为这是关于单选按钮的。iPadDeveloper2011，你是对的。我已经更新了我的答案。2011年我是多么的新手，真让我惊讶：P