选择2 - 如何将关闭图标移动到所选项目的右侧

Question

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

Answer 1

如果添加float: right;到.select2-selection__choice__removecss类,则会将其设置在右侧.

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

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

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