HTML SELECT調整大小，取決於所選擇的選項

Question

我有這個問題我花了孔天的思考，我想不出有什麼事：
我有一個SELECT元素，不同尺寸的選項，
顯然它默認採用最長選項的大小。
但是，當我選擇一個選項或其它選項的選擇框改變它的大小，
我不知道，因爲這只是發生在Firefox什麼會導致此行爲，並在所有選擇我的應用程序的元素。 有沒有任何CSS財產，會使這種情況發生？
你們有什麼想法嗎？在此先感謝

Answer 1

我發現是什麼問題，
事實上，因爲它是一個老氣的應用程序，我發現了一些重置CSS應用該規則：

* { 
padding: 0; 
} 

好像只有Firefox不喜歡這一點，所以將這種到一個元素，會產生這種副作用。
我解決了它給我的標籤填充樣式來覆蓋重置樣式。

Answer 2

您需要給您的樣式表中的select設置一個寬度。沒有這個，它會像你描述的那樣行事。

select{ 
    width:200px; 
} 

另外，如果你想允許它繼續調整，但只有達到一定的規模，你可以使用max-width代替。

select{ 
    max-width:200px; 
} 

Answer 3

這聽起來像缺乏一個CSS寬度導致框自動調整自己的大小。嘗試添加CSS width或min-width。