-moz-appearance在单选按钮中工作不正常

Question

我有这个带有单选按钮的下拉列表：

点击后，我的下拉列表更改为：

但是在mozilla中没有变化就像风格一样：

我的css是这个（只有一个样式是因为元素的其余部分是相同的）;

点击下拉列表时：

li:first-child input[type='radio']{
    -webkit-appearance:none;
    -moz-appearance: none;
    width:15px;
    height:15px;
    border:3px solid #6a706d;
    border-radius:50%;
    outline:none;
    margin: 0 13px -3px 0;
    /*box-shadow:0 0 5px 0px #6a706d inset;*/
    }

这是出现在下拉列表中的时间：

.status-1{
       -webkit-appearance:none;
       -moz-appearance: none;
    width:12px;
    height:12px;
    border:3px solid #6a706d;
    border-radius:50%;
    outline:none;
    margin: 0 13px -3px 0;
    }

这是mi fiddle

Answer 1

好吧，我明白了。这不是你可以用firefox更改的元素。这样做的唯一方法就是假装它： Fiddle

之前有关于stackoverflow的问题。查看Link