<select> 标签的宽度较小，但 select2 的宽度 window

Question

我正在寻找一种方法来编写我的 select 的代码，它具有较小的宽度，以便单击它们后打开的 window 将具有一定的尺寸，该尺寸绝对大于我已经有了。例如，如果我有

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

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

（相对较小），当用户点击 select（在我的例子中有大约 6-8 个字长的选项）时，显示的 window 太多了小读什么。任何提示表示赞赏。

Answer 1

尝试包装您的 <select> 标签

像这样：

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

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

small width of <select> tag but large window for select2