Jquery 选择2应用要选择的样式

我正在从cdn中包括select2，并将其应用于我的select multiple input：

我的javascript：

$('select').select2();  

我的html：

<select id = "cars" name="cars[]" multiple = "multiple" required = "required">          

出于某种原因，每当我将select2应用于我拥有的任何选择时，我赋予该选择的所有特定样式都不再显示。我试图通过id和class来指定这些样式，但当我放入

$（'select'）时，它们都会显示出来我为此选择指定的任何样式都不会显示

如何修复此问题？
选择2隐藏选择并重新渲染


应用Css：

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

.select2-dropdown {
  background: red;
}


应用Css：

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

.select2-dropdown {
  background: red;
}

选择2将“选择显示”设置为“无”，然后创建类似以下元素的内容：

<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>



您必须使用inspect元素来更改样式。set select{…}不再有帮助，因为select2.js将select元素显示设置为none
 检查渲染的选择-我怀疑select2将隐藏您的选择并创建自己的选择，您必须对其进行样式覆盖-事实上，我刚刚查看了它并替换了选择-示例@DarrenSweeney您是对的，我没有找到此选择的样式。我该如何修复它？用示例发布答案好吧，小提琴做了你想要的，所以可能你的代码中有其他东西影响了它，可能是因为你使用的是旧版本？我用的是4.0.3版本好了，现在它工作了。。。但是你知道如何将样式应用于下拉菜单的元素，而不是整个下拉菜单吗？是的，只要将类更改为：
。select2 dropdown li{background:red；}
这个span显示在哪里？在选择标记之后