- 模板
<span><i class="el-icon-warning"></i></span><el-checkbox :style="{'--fill-color':'#ff0049'}" v-model="taskForm.notify"><b>通知差错人</b></el-checkbox>
2.样式
::v-deep .el-checkbox {
.el-checkbox__label {
color: var(--fill-color);
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: var(--fill-color);
border-color: var(--fill-color)
}
.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__inner:hover {
border-color: var(--fill-color);
}
.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__inner{
border-color: var(--fill-color);
}
}