在 Yii2 中更改复选框图标

Question

在Yii2 中选中复选框图标时如何更改复选框图标？ 现在，我在div 中添加复选框，并在其中添加一个图标：<i class="fa fa-check-circle icon-check-circle"></i>但它显示了复选框复选符号，如何将其更改为我的首选图标？谢谢。

<div class="box-div-buttontoadd">
<i class="fa fa-check-circle icon-check-circle"></i>
<div class="div_row buttons hidden-xs">
<?= $form->field($model,'addedToCard')->checkbox([
'id' => 'products-addedtocard-'. $model->id,
'class' => 'addedtocard-chk'
]); ?>
</div>
</div>

是否可以使用字体真棒图标而不是复选框勾号符号？

Answer 1

您应该尝试使用CSS更改图标，有很多这样的例子 只是不要忘记使用示例中.addedtocard-chk的元素类，或者只是简单的input[type="checkbox"]。一定要获取FontAwesome CSS并将其放在您的项目文件夹中。