Select2, 복수 선택 태그, 수정하지 않고 템플릿을 변경하지 않고

Question

태그에 대해 Select2를 사용하고 있습니다. 플러그인은 태그를 제거하기 위해 ×을 원시 X로 붙입니다. 나는 이것을 정말로 좋아하지 않으며 이것 대신 나의 아이콘 <i class="icon icon-remove"></i> 중 하나를 사용하고 싶다. 불행히도 설명서에서이 동작을 재정의하는 방법에 대한 정보를 찾을 수 없습니다.

예를 들어 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; 
    }; 

을 BTW 내가 Select2 4을 사용하고 있습니다.

Answer 1

템플릿을 변경할 수없는 경우 CSS로 간단하게 스타일을 지정할 수 있습니다.

너는 을주고 .select2-selection__choice__remove:after 선택기에 너의 주문 아이콘을 추가 할 수 있었다.