Firefox - 刪除無線按鈕周圍的虛線

所以我見過有關如何刪除Firefox中元素周圍的虛線的帖子。但仍然沒有喜樂。Firefox - 刪除無線按鈕周圍的虛線

我有一個無序列表，每個LI包含一個標籤和一個單選按鈕。如果我將LI的背景顏色設置爲任何顏色，則Firefox的虛線出現在單選按鈕周圍。如果我刪除背景，我不會看到虛線。奇怪。

我試過使用以下但仍然沒有運氣。

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

這裏的問題的的jsfiddle（嘗試刪除/添加在李的背景顏色）：

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

如何刪除虛線，但保持的背景顏色上的任何想法李？

來源

2011-05-31 mindwire22

對不起球員 - 更奇怪 - 我FF4關閉並重新打開 - 問題解決。很奇怪。 – mindwire22 2011-05-31 22:31:15

如果它再次發生，這應該修復它：

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

雖然，它結束了加入一些間距，以它的頂部。這是微不足道的。

//編輯湯姆Roggero
//編輯的iPadDeveloper2011

來源

2011-06-03 14:44:34 joshmax

不適用於' – joshmax 2012-11-07 21:18:27

不，仍然不適用於選擇。選擇不是輸入[type = select]。即使這個問題得到解決，它也不起作用。你逃避了投票，因爲這是關於單選按鈕。 – iPadDeveloper2011 2013-05-01 00:09:29

Firefox - 刪除無線按鈕周圍的虛線

回答

相關問題