Как разработать отключенный переключатель?

У меня есть ряд переключателей в рамках ячейки таблицы. Цвет фона ячейки таблицы отличается от фона страницы.

На основе другого входа я иногда отключаю один или несколько переключателей. При отключении внутренняя часть переключателя принимает фон ячейки таблицы. Круг, окрашивающий, отображается серым немного. Это объединяется, чтобы заставить кнопку быть похожей на него, "исчез". Более близкий контроль показывает его, чтобы все еще быть там.

Я изо всех сил пытался определить запись CSS для изменения появления отключенного переключателя... это может быть сделано? В настоящее время я делаю что-то вроде этого:

.radio {
    background-color: #FFFFFF;
}

.radio:disabled {
    background-color: #FFFFFF;
}

Я должен буду обратиться к изображениям?

ОБНОВЛЕНИЕ Это не фон, это - проблема, но внутренняя часть кнопки. При отключении внутренняя часть кнопки берет цвет фона ячейки таблицы... ох, вот идея. Я изменяю и ячейку таблицы и переключатель.