jquery-select2 - Select2 - 如何将关闭图标移动到所选项目的右侧

Question

我正在使用 select2 来显示多选组件。我如何将其移动到所选项目的右侧，而不是在项目左侧显示关闭图标 (x)？

Answer 1

如果您添加 float: right;到 .select2-selection__choice__remove css 类，这会将其设置在右侧。

编辑:如果您不想触摸 select2 样式表，您可以随时使用 jquery 并执行以下操作:

$('.select2').on('select2:open', function () {
  $('.select2-selection__choice__remove').addClass('select2-remove-right');
});

.select2-remove-right {
  float: right;
}