select2タグボックスコンテナのコントロールのホバー

Question

私の選択したコンテナの境界線は、その上にマウスカーソルを置くと赤色に変わります。私はjqueryを使用してこの機能をオンまたはオフにすることができるようにしたいと思います。私はこれを行う方法のために徹夜的に検索しましたが、私は今私の脳を麻痺させました！それも可能ですか？ ご迷惑をおかけして申し訳ございません。フィドル：http://jsfiddle.net/b5m7rnpw/

https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css 
https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js 

<select id="dropList" style="width:300px" multiple="multiple"> 
<option value="Planet">Planet</option> 
<option value="Earth">Earth</option> 
</select> 
<br> 
<br> 
<br> 

<button id='OnOffhover' class='buttonstyle' type="button">Click to turn red hover border On/Off</button> 



$("#dropList").select2({ placeholder: "Select type", }); 

$('#OnOffhover').on('click',function() { 
    // some code 
}) 




body {padding:30px;} 

.buttonstyle{ 
width:260px; 
height:20px; 
} 

.select2-container--default .select2-selection--multiple:hover { 
border: 1px solid red; 
background-color: white; 
cursor: pointer; 
} 

Answer 1

あなたは、たとえば、クラスでこれを行うことができます。その後、

.hover:hover { 
    border: 1px solid red; 
} 

し、Add /例として.addClass()と.removeClass()または.toggleClass()

を使用して、jQueryを使ってクラスを削除します： http://jsfiddle.net/b5m7rnpw/1/