如何在Firefox中擺脫<select>元素大綱？

Question

所以這裏有一個演示問題的小提琴：http://jsfiddle.net/CVTrb/1/，單擊並選擇任何選項，然後您應該看到一條細細的灰色線條，並不完全位於<select>元素內。

這裏有一個形象展示這一點：

：

Answer 1

感謝這個帖子在這裏：https://stackoverflow.com/a/18853002/1261316

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

Answer 2

添加outline: none;到.form-dropdown

Answer 3

我要添加調整：
如果您已禁用o文字 - 影子有點醜化它們

select:-moz-focusring { 
    color: transparent; /* hides that darn border... and the options */ 
    text-shadow: 0 0 0 #000; /* "unhide" the options */ 
} 
select:-moz-focusring option:disabled { 
    text-shadow: none;  /* remove the inherited shadow from disabled options */ 
}