html - -moz-appearance notwork properly in radio button -


i have dropdown radio button:

enter image description here

and when clicked dropdown change this:

enter image description here

but in mozilla don´t change not style have:

enter image description here

my css this(only put 1 style cause same rest of element);

when clicked 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 when appear in 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 mi fiddle

allright, got it. not element can change firefox. way this, fake this: fiddle

there have been previous questions on stackoverflow this. check link


Comments

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -