Firefox - Удалить пунктирную линию вокруг радиокнопки

Question

Итак, я видел похожие посты о том, как убрать пунктирную линию вокруг элемента в Firefox. Но все равно нет радости.

У меня есть неупорядоченный список с каждым LI, содержащим метку и переключатель. Если я установлю цвет фона LI на любой цвет, то вокруг радиокнопки появится пунктирная линия Firefox. Если я удаляю фон, я не получаю пунктирную линию. Странно.

Я пытался использовать следующее, но все равно не повезло.

input[type="radio"]:focus {border:0;}
input[type="radio"]:-moz-focusring {outline:none;}

Вот JSFiddle проблемы (попробуйте удалить / добавить цвет фона на LI):

http://jsfiddle.net/pSVD9/4/

Есть идеи, как убрать пунктирную линию, но сохранить цвет фона на LI?

Answer 1

Если это произойдет снова, это должно исправить это:

input[type=radio],  select {
    -moz-appearance: none !important;
    -moz-border-bottom-colors: transparent !important;
    -moz-border-left-colors: transparent !important;
    -moz-border-right-colors: transparent !important;
    -moz-border-top-colors: transparent !important;
}

Хотя, в конечном итоге это добавляет некоторый интервал к вершине.Это ничтожно мало.

// отредактировано для Тома Роггеро // отредактировано для iPadDeveloper2011