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。