需要修复 select2 multiple-select 搜索框的高度和宽度
Need to fix height and width of select2 multiple-select search box
当我在 select2 元素中不断选择多个选项时,显示当前选择的文本区域不断扩展,如下所示:
我尝试修复 类 的高度,例如 select2-selection
和 select2-container
。那对我没有帮助。我最终得到了类似下面的结果。
我的要求 - 我想固定文本区域的高度和宽度,并且所有选项都必须在其中呈现。 (因为,这将是一个小弹出窗口的一部分,并且有大小限制)。
事实证明这很简单。有一个跨度元素 class select2-selection--multiple
作为 li
的父元素。我所要做的就是添加 overflow-y: auto
就可以了。我不知道这个 属性。
我的 select2 组合框现在如下所示。
供我进一步阅读 - overflow-y description in w3schools
当我在 select2 元素中不断选择多个选项时,显示当前选择的文本区域不断扩展,如下所示:
我尝试修复 类 的高度,例如 select2-selection
和 select2-container
。那对我没有帮助。我最终得到了类似下面的结果。
我的要求 - 我想固定文本区域的高度和宽度,并且所有选项都必须在其中呈现。 (因为,这将是一个小弹出窗口的一部分,并且有大小限制)。
事实证明这很简单。有一个跨度元素 class select2-selection--multiple
作为 li
的父元素。我所要做的就是添加 overflow-y: auto
就可以了。我不知道这个 属性。
我的 select2 组合框现在如下所示。
供我进一步阅读 - overflow-y description in w3schools