Select2、複数の選択タグ、コアを変更せずにテンプレートを変更する

Question

私はタグにSelect2を使用しています。プラグインはタグを削除するために×を粗Xとして付加します。私は本当にこれが好きではないと私はこの代わりに私のアイコン<i class="icon icon-remove"></i>の1つを使用したいと思います。残念ながら、ドキュメントでは、この動作を無効にする方法に関する情報は見つかりません。

たとえば、タグの表示方法を変更するにはtemplateSelectionを使用できますが、プラグインは時刻アイコン（別のスタイルでも必要な機能）を追加します。

コアファイルを変更せずにテンプレートを変更する方法はありますか？もしそうなら、誰も私に簡単な例を教えてもらえますか？

私はそれをここにあります：

MultipleSelection.prototype.selectionContainer = function() { 
    var $container = $(
     '<li class="select2-selection__choice">' + 
     '<span class="select2-selection__choice__remove" role="presentation">' + 
      '&times;' + 
     '</span>' + 
     '</li>' 
    ); 

    return $container; 
    }; 

ところで私はSelect2 4を使用しています。

Answer 1

テンプレートを変更できない場合は、あなたはCSSで簡単にスタイルを書くことができます。

あなたはと指定し、.select2-selection__choice__remove:afterセレクタにカスタムアイコンを追加できます。