在Yii2中更改复选框图标

<?= $form->field($model, 'attribute')->checkbox(['class' => 'my-checkbox']) ?>

.my-checkbox input[type="checkbox"] {
    display: none; /* 隐藏原始的复选框 */
}

.my-checkbox label::before {
    content: "\f067"; /* 使用 Unicode 字符或图标字体来设置图标 */
    font-family: FontAwesome; /* 使用 FontAwesome 图标字体 */
    font-size: 14px; /* 设置图标大小 */
    margin-right: 5px; /* 设置图标与文本之间的间距 */
}

.my-checkbox input[type="checkbox"]:checked + label::before {
    content: "\f00c"; /* 设置选中状态下的图标 */
}