Select2 多选项目显示在输入字段之外,与其他字段重叠

Posted

技术标签:

【中文标题】Select2 多选项目显示在输入字段之外,与其他字段重叠【英文标题】:Select2 multi-select items showing outside the input field, overlapping with other fields 【发布时间】:2021-08-10 01:22:23 【问题描述】:

我在 Django 应用程序中使用 Select2 多选,我遇到了一个问题,即所选项目被绘制在输入字段之外。关于 CSS 是如何被弄乱导致此问题的任何想法?

显示字段外的多选项目的图像

谢谢

【问题讨论】:

【参考方案1】:

已经很久了吗? 试试这个

    .select2-selection--multiple 
    overflow: hidden !important;
    height: auto !important;

【讨论】:

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

以上是关于Select2 多选项目显示在输入字段之外,与其他字段重叠的主要内容,如果未能解决你的问题,请参考以下文章

启用 select2 多选搜索框

Select2 插件:在表单元素之外显示选定的选项

select2多选

在 vue.js 中使用 Select2(多选)

SELECT2 4.0 与 ASP.Net 中的多选:如何获取和设置所选项目?

Select2 多选只返回第一个选中项