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

标签 html css

这个问题让我苦思冥想,我想不通是怎么回事:
我有一个 SELECT 元素,带有不同大小的选项,
显然它默认采用最长选项的大小。
但是当我选择一个或另一个选项时,选择框会改变它的大小
我不知道什么会导致这种行为,因为它只发生在 Firefox 中,以及我应用程序的所有 SELECT 元素中。 是否有任何 CSS 属性可以实现这一点?
你们有什么想法吗?提前致谢

最佳答案

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

select{
    width:200px;
}

或者,如果您希望允许它不断调整大小,但仅限于特定大小,您可以改用 max-width

select{
    max-width:200px;
}

关于HTML SELECT 根据所选选项调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29703211/

相关文章:

javascript - 如何将 JavaScript 值分配给 CSS 属性?

javascript - 在本地存储中保存高分(Javascript 贪吃蛇游戏)

javascript - Ember - 使用 View Click 事件触发 File Input 元素的单击

html - Jasper 到 html 背景图像拉伸(stretch)

html - 第三张图片(与第一张图片具有相同的类/属性)大小不同

javascript - 尝试从一个站点加载 div 并使用 jQuery 将其显示在另一个站点上,但没有显示任何内容

javascript - 当我加载 html 页面时阻止 javascript 执行

javascript - 如何从特定元素获取图像src

php - 跨页面布局数据列表的最佳方式

css - 以编程方式更新字段时如何删除自动填充突出显示?