如何刪除Firefox中SELECT/OPTION下拉控件的虛線？

Question

在鉻和其他瀏覽器我的下拉看起來精細：

然而，在火狐它不需要點綴線：

我有成功刪除了不需要的Firefox虛線l INES爲按鈕和輸入元素與這些CSS語句：

button::-moz-focus-inner { border: 0; } 
input::-moz-focus-inner { border: 0; } 

，所以我認爲這會爲選擇/ option元素的工作，但他們不這樣做：

select::-moz-focus-inner { border: 0; } 
option::-moz-focus-inner { border: 0; } 

如何我可以刪除此下拉列表中的虛線，以使其顯示在Chrome和其他瀏覽器中？

附錄

這些不工作，要麼：

select::-moz-focus-inner { border: 0; outline: 0 } 
option::-moz-focus-inner { border: 0; outline: 0 } 

也不這些：

select { outline: 0; } 
option { outline: 0; } 

也不這些：

select { outline: none; } 
option { outline: none; } 

Answer 1

嘗試使用outline: 0, WOR對於按鈕

Answer 2

這裏KS真實相結合的黑客爲：

select:focus { 
    outline: 1px solid white; 
    outline-offset: -2px; 
} 
select ~ input[type=button] { 
    -moz-appearance: menulist-button; 
    margin-left: -19px; 
    width: 18px; 
    height: 18px; 
    z-index: 10; 
} 

然後用tabindex屬性添加輸入= 0每個選擇 併爲關注焦點 「代表團」 的一些代碼之後：

$("select ~ input[type=button]").addEvent('focus', function(){ 
    this.getPrevious().focus(); 
}); 

Answer 3

解決發現在https://stackoverflow.com/a/18853002/728855似乎完美。

簡而言之：

select:-moz-focusring { 
    color: transparent; 
    text-shadow: 0 0 0 #000; 
} 

凡＃000是你的文本顏色。

Answer 4

詹姆斯布羅德的答案几乎是完美的，但選項的「影子」文本看起來很醜。這是完美的作品：

select:-moz-focusring { 
    color:transparent; 
    text-shadow:0 0 0 #000; /* your normal text color here */ 
} 
select:-moz-focusring * { 
    color:#000; /* your normal text color here */ 
    text-shadow:none; 
}