css - apex select2 插件不适用于 oracle apex 20.1

Question

需要在我的 oracle apex 表单中添加多选项目。尝试使用 apex select2 插件。但效果并不好。当我添加到表单中时，如下图所示，

然后我尝试在使用 js 加载页面时更改样式。但我无法访问 select2 项目的内部组件。有没有其他类似的插件..？如何在我的 apex 应用程序中使用此组件。？有什么建议么..？

Answer 1

这是针对顶点 20.2。我添加了这个 css，它看起来更好。也许它会帮助别人。

.select2-selection {position: relative;}
.select2-container {border: none; padding: 0;}
.select2-container .select2-selection--single
.select2-selection__clear {font-size: 14px; color: #888889; line-height: 28px;}
input.select2-search__field {outline-offset: 0;}
.t-Form-fieldContainer--floatingLabel.plugin-be\.ctb\.select2 .t-Form-labelContainer .t-Form-label {top: -1.2rem; font-size: 1.1rem}
.t-Form-fieldContainer--floatingLabel.plugin-be\.ctb\.select2 .apex-item-select.select2.select2-container {border-radius: 2px; border: 0.1rem solid #dfdfdf; padding-right: 8px !important}

Answer 2

您可以将 Select2 插件与通用主题一起使用，但当前版本不适用于“可选 - 浮动” / “必需 - 浮动”项目模板。

我总是使用“可选” / “必需”模板（标签显示在项目左侧）或“可选 - 上方” / “必需 - 上方”模板。

另外，我总是发现我需要设置Width插件属性才能让它看起来不错。