Select2 - 如何將關閉圖標移動到所選項目的右側

Question

我正在使用select2來顯示多選組件。與其在項目左側顯示關閉圖標（x），我怎樣才能將其移動到所選項目的右側？

Answer 1

如果您將float: right;添加到.select2-selection__choice__remove css類，則會將其設置在右側。

編輯：如果你不想觸碰選擇2樣式表，你可以隨時使用jQuery和做這樣的事情：

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

---

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