-moz-appearance notwork properly in radio button

Question

I have this dropdown with radio button:

And when is clicked my dropdown change to this:

but in mozilla don´t change is like not style have:

My css is this(only put one style be cause is the same for the rest of element);

when is clicked the dropdown:

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

and this is when appear in the dropdown:

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

Here is mi fiddle

Answer 1

Allright, i got it. This is not a element that you can change with firefox. The only way to do this, is to fake it like this: Fiddle

There have been previous questions on stackoverflow about this. Check Link