Firefox css -moz-appearance как изменить фон?

Question

[Влад Волынец]

Исправляю вёрстку в firefox, версталось под webkit. Кастомизированы radio через appearance и через background стоит картинка. Не могу понять откуда фон у елемента, перебирал свойства css безуспешно. В итоге, без checked белый фон у елемента:

При checked появляеться черное заполнение, перебор свойств не помогает найти причину.
В гугл ходил, не нашел ничего, спасибо за помощь) Картинки прозрачные.

.class {
    height: 50px;
    margin: 7px 0px 0px 1px!important;
    width: 228px;
    background-color: #C5C5C5;
    background: url(/img/1b.png) 0 0 no-repeat;
    outline: none;
    cursor: pointer;
    border-radius: 50px;
    transition: all .5s;
}
.class:checked {
	margin: 7px 0px 0px 1px !important;
	background-color: rgb(39, 109, 11);
	background: url(/img/1a.png) 0 0 no-repeat;
	outline: none;
	transition: all .5s;
	}
input {
-webkit-appearance: textfield;
-moz-appearance:    textfield;
appearance:         textfield;
-webkit-rtl-ordering: logical;
user-select: text;
cursor: auto;
padding: 1px;
border-width: 0px;
border-style: inset;
border-color: initial;
border-image: initial;
outline: none;
}

P.S.Прошу не ругать за код, писал не я)

Comments

[Сергей Иванов]

где картинки?

[Влад Волынец]

Сергей Иванов: в данном вопросе не важно, по скрину видно, что на границах есть картинка

[Влад Волынец]

Переделал на input+label.