Question

我有这个问题让我想起了一天，我无法弄清楚这件事是什么：
我有一个 SELECT 元素，其中包含不同大小的选项，
显然，它默认采用最长选项的大小 但是当我选择一个或另一个选项时，选择框会改变它的大小，
我不知道是什么会导致这种行为，因为它只发生在Firefox和我应用的所有 SELECT 元素中。是否有任何 CSS 属性可以实现这一目标？你们有什么想法吗？提前致谢

Answer 1

您需要在样式表中为select设置一个宽度。如果没有这个，它就会像你描述的那样表现。

select{
    width:200px;
}

或者，如果您想让它继续调整大小，但只允许达到一定的大小，则可以使用max-width代替。

select{
    max-width:200px;
}

Answer 2

听起来缺少CSS宽度会导致盒子自动调整大小。尝试添加CSS width或min-width。

Answer 3

我发现了什么问题，
实际上因为它是一个古老的应用程序，我发现了一些应用此规则的重置css：

* {
 padding: 0;
}

似乎只有firefox不喜欢这个，因此将此应用于元素会产生这种副作用我解决了它为我的标签添加填充样式以覆盖重置样式。

HTML SELECT根据所选选项调整大小

3 个答案: