-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

之前在Whosebug上已经有关于这个的问题。检查 Link

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

-moz-appearance notwork properly in radio button

html

css

webkit

mozilla