如何更改select2 kartik yii2中的字体[重复]答案

【问题标题】：How to change font in select2 kartik yii2 [duplicate]如何更改select2 kartik yii2中的字体[重复]
【发布时间】：2019-07-30 13:24:04
【问题描述】：

我正在使用 select2，我想更改下拉列表中值的字体

我已经尝试了选项['style'=>'font-weight:bolder']

    <?=   $form->field($model, 'faqid')->widget(Select2::classname(), [
        'data' => \yii\helpers\ArrayHelper::map( \app\models\Faq::find()->all(),
            'faqid', function ($model) {
                return $model['question'] .' - '. $model['answer'];
            }
        )
        ,
        'options' => [
            'placeholder' => 'Select Question',
            'style' => 'font-weight:bolder'
        ],
        'pluginOptions' => [
            'allowClear' => true
        ],
    ])->label('Questions - Answers');
    ?>

最后我想更改 $model['question'] 的字体

【问题讨论】：

Change default font of Select2 的可能重复项或参见How to change font-family of Select2 widget

标签： yii2 jquery-select2 kartik-v

【解决方案1】：

您需要更新select2-krajee.css 文件中添加的以下类。更新：澄清一下，您应该始终在自己的文件中更新这些样式，因为修改库文件可能会导致版本更新后丢失更改。

对于占位符和选定的选项

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

对于下拉选项

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

至于上面的代码，font-weight:bolder 属性发生了什么？语法是正确的，所以它应该去某个地方。如果您可以通过输出 HTML 查找或编辑您的答案以包含它。

如果有不清楚的地方，请在下面提问。

【讨论】：

最好在你自己的 css 文件中编写这些类，因为如果 select2 被更新，他会丢失这个更新
@Sfili_81 我已经编辑了答案并进行了澄清。我并不是要更新库文件，而是将其用作参考。感谢您的关注。

【解决方案2】：

覆盖下面的 css 类，它适用于我的。

.select2-results__option--highlighted {
   background-color: #337ab7;
   color: #fff;
   font-weight: bold;
}

【讨论】：

【解决方案3】：

我发现我的问题的解决方案是 select2 中的标题。在下拉列表中，问题以粗体显示在顶部，答案如下。这是我使用的代码。

        $faq = Faq::find()->asArray()->all();
        $data = [];
        foreach ($faq as $key => $value) {
            $data[$value['question']] = [ $value['faqid'] => $value['answer']];
        }

谢谢大家。

【讨论】：