Question

所以我看过有关如何删除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上保留背景颜色的任何想法？

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

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

1 个答案: