<select> 标签的小宽度，但 select2 的大窗口

Posted 2023-05-07

【中文标题】<select> 标签的小宽度，但 select2 的大窗口

【英文标题】：small width of <select> tag but large window for select2

【发布时间】：2016-12-19 22:14:21

【问题描述】：

我正在寻找一种方法来对宽度较小的选择进行编码，以便一旦单击它们，打开的窗口将具有一定的尺寸，该尺寸肯定大于我已有的尺寸。例如，如果我有

<select id = "tester" style = "width:20px">

然后是熟悉的$("#tester").select2();

（相对较小），当用户单击选择时（在我的例子中，它的选项长约 6-8 个字），显示的窗口太小而无法阅读任何内容。任何提示表示赞赏。

【问题讨论】：

忘记了你的例子吗？

@Dekel 将添加哎呀！

select2 - Setting different width to input and dropdown的可能重复

【参考方案1】：

尝试包装你的<select> 标签

像这样：

<div style="width: 20px">
   <select id="tester">
</div>

它应该可以正常工作。 您也可以将max-width: 20px 添加到 div