javascript - 更改Select2的默认字体

Question

我正在使用Select2插件将搜索功能添加到我的下拉菜单中。但是，我希望将这些下拉菜单的字体样式设置为与其他字段相同的字体:font-family: Arial, Helvetica, sans-serif;
我的“选择” HTML:

<label>Department</label>
<select class='js-example-basic-single' name="department" id="department" required>
  <option value="Dep 1">Dep 1 </option>
  <option value="Dep 2">Dep 2 </option> etc.....
</select>

我的JavaScript:

$(document).ready(function() {
  $(".js-example-basic-single").select2({
    placeholder: "Please Select an option",
    allowClear: true
  });
});

我敢肯定有一个简单的答案，但似乎找不到。

Answer 1

select2js 为Select HTML标记的不同部分提供了不同的类和id选择器。

对于特定的更改Select OPTION 字体大小，我们可以使用以下类选择器更改与我们要求相同的acc。

.select2-results__options{
        font-size:14px !important;
 }