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

如何解决Firefox-删除单选按钮周围的虚线

| 因此，我看过有关如何删除Firefox中元素周围的虚线的相关文章。但是仍然没有喜悦。 我有一个无序列表，每个ѭ0都包含一个标签和一个单选按钮。如果我将“ 0”的背景颜色设置为任何颜色，则Firefox的虚线将出现在单选按钮周围。如果删除背景，则不会出现虚线。奇怪。 我尝试使用以下方法，但还是没有运气。

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

这是问题的JSFiddle（尝试在LI上删除/添加背景色）： http://jsfiddle.net/pSVD9/4/ 关于如何删除虚线但将背景颜色保留在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编辑