SELECT2は、私は、CDNからSELECT2を含めて、私の選択複数の入力にそれを適用しています

Question

を選択するためにスタイルを適用します：

#cars{ 
    background-color:red !important; 
} 

何らかの理由で、私が選択したものにselect2を適用するたびに、私がこの選択に与えたすべてのスタイルはもはや表示されません。私はこれらのスタイルをIDとクラスで指定しようとしましたが、すべて表示されますが、$('select').select2();を指定すると、この選択に対して指定されていません。

これを修正するにはどうすればよいですか？

Answer 1

・セレクトは、選択を隠し、

Example fiddle here with red background

CSSが適用され、再レンダリング：

.select2-drop { 
    background: red; /* !important not needed */ 
} 

Fiddle with newer version of select2 (4.0.3)

CSSが適用される：

.select2-dropdown { 
    background: red; 
} 

Answer 2

はnoneに設定選択画面をSELECT2、ほとんどこの要素のように作成します。

<span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="rtl" style="width: 97px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-c968-container"><span class="select2-selection__rendered" id="select2-c968-container" title="ظرفیت - بیشترین">ظرفیت - بیشترین</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span> 

スタイルを変更する要素を検査使用する必要があります。セレクト要素の表示がselect2.jsによってnoneに設定されているため、set select {...}はもう助けになりませんでした。