Javascript 在添加选项时保持选择框大小固定

Javascript 在添加选项时保持选择框大小固定,javascript,html,css,Javascript,Html,Css,我有一个城市选择器选择选项,如: 当我选择多个城市时,选择器的大小如下所示: 我想保持这个盒子的尺寸不变。有什么解决办法吗?如果我理解的话,那就是你想要的。任意变化时的最大宽度和高度的力 。选择{ /**想要永久宽度150px吗**/ 宽度:150px; 最大宽度:150px; 背景:浅蓝色; 填充:3倍; 高度:150像素; 溢出y:自动; /**魔法思维**/ 断字:断字; } .选择权{ 背景:番茄; 宽度:100%;/**或您的案例中的显示块(对于所选标记)**/ } .选项:第n

我有一个城市选择器选择选项,如:

当我选择多个城市时,选择器的大小如下所示:


我想保持这个盒子的尺寸不变。有什么解决办法吗?

如果我理解的话,那就是你想要的。任意变化时的最大宽度和高度的力

。选择{
/**想要永久宽度150px吗**/
宽度:150px;
最大宽度:150px;
背景:浅蓝色;
填充:3倍;
高度:150像素;
溢出y:自动;
/**魔法思维**/
断字:断字;
}
.选择权{
背景:番茄;
宽度:100%;/**或您的案例中的显示块(对于所选标记)**/
}
.选项:第n个子项(奇数){
背景:浅绿色;
}

testttt
TestTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
testttttttttttttttt
testttt
testttt
testttt
testttt
testttt
testttt
testttt
testttt
testttt
testttt
testttt
testttt

如果不知道您正在使用的特定JS框架或一些示例代码,就很难看到替代方案。但对于初学者,您可以添加一个
overflow-y=auto
max height
以在选择的选项太多时获得一个滚动条。