Javascript 更改yii2中的工具提示大小

我在yii2

ActiveForm

on

field

中使用工具提示，我不知道如何更改工具提示的大小和颜色

我不知道应该覆盖哪个css类来实现它

是否可以通过

jquery

或任何其他方式更改大小

这是我的

视图

文件 多谢各位

<script>
   $(function() {
       $( "[title]" ).tooltip();
   });
</script>

<div class="site-signup">
<h1><?= Html::encode($this->title) ?></h1>

<div class="row">
    <div class="col-lg-5">
        <?php $form = ActiveForm::begin(['options'=>['enctype'=>'multipart/form-data']]); ?>

        <?= $form->field($model, 'username')->textInput(  ['data-toggle' => 'tooltip',
            'data-placement' =>
                'right',
            'title' => 'Username should contain at least 6 characters'
        ]) ?>

        <?= $form->field($model, 'password')->passwordInput()->textInput( ['data-toggle' => 'tooltip',
            'data-placement' => 'right',
            'title' => 'Password should contain at least 6 characters'
        ]) ?>

          <div class="form-group">
                <?= Html::submitButton('Signup', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
            </div>

        <?php ActiveForm::end(); ?>
    </div>
</div>

$（函数（）{
$（“[title]”）。工具提示（）；
});

---

只需用下面的代码覆盖

bootstrap.css

.tooltip-inner {
     max-width: 350px;
     /* If max-width does not work, try using width instead */
     width: 350px; 
}

---

width

工作正常。。如果我想更改

背景颜色

或

字体颜色

我假设我需要在同一部分中进行更改，对吗？？？