-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;
    }

这里是米fiddle

Answer 1

好的，我明白了。这不是您可以使用 Firefox 更改的元素。这样做的唯一方法是像这样伪造它： Fiddle

stackoverflow 上已经有关于此的问题。检查Link