Css Yii2：如何更改Select2小部件的字体系列

我有一个小部件，我需要改变它的字体系列

<?= $form->field($model, 'my_number')
    ->widget(Select2::classname(), [
        'items' => ['One' => 'One', 'Two' => 'Two', 'Three' => 'Three'],
        'class' => 'form-control',
]) ?>

---

Bootstrap没有类来更改它，所以我想我需要更改它的样式。

您可以向它添加样式，如下所示：

<?= $form->field($model, 'my_number')
->widget(Select2::classname(), [
    'items' => ['One' => 'One', 'Two' => 'Two', 'Three' => 'Three'],
    'class' => 'form-control',
    'options' => ['style' => 'font:yourfontfamilly'],
]) ?>

在使用和自定义select2的字体系列时，需要更新select2-krajee.css文件中添加的以下类。如果要更改字体系列，这些类分为两组

更改字体系列 用于占位符和选定选项 用于下拉选项 更改字体颜色/大小 对于选定的选项 用于默认占位符 要更改下拉选项的颜色，使用与顶部第一节中字体系列选项所列的相同的类，即select2 container krajee.select2-results\uu选项

---

希望有帮助

这样，您就可以更改隐藏元素的样式。为什么你需要改变你看不见的东西的风格？

.select2-container--krajee .select2-selection{
   font-family:Roboto, sans-serif !important;
}

.select2-container--krajee .select2-results__option{
   font-family:Roboto, sans-serif !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__rendered{
    color:red !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__placeholder{
    color:red !important;
}