Firefox附加內容時擴大選擇大小

Question

我目前正在研究將動態內容（通過Ajax提取）加載到select中的腳本。由於我得到多個元素，我的代碼目前看起來像這樣

$.each(data, function(key,val) { 
    $("#myselect").append(
     $("<option></option>").val(key).html(val) 
    ); 
}); 

現在，這工作正常。當我在Chrome中測試它時，我沒有看到任何錯誤。但後來我再次看到Firefox，並且FF在追加內容時似乎擴大了設置大小。

在鉻

在火狐

或者，如果你想看到自己，I have created a demo fiddle。

我現在的問題顯然是，是什麼導致了這種行爲，我該如何抑制它呢？

Answer 1

向選擇元素添加高度解決了問題。

select { 
    height: 80px; 
    min-width: 50px; 
} 

Demo

如果從option刪除padding -elements它工作沒有調整。 Demo