<el-checkbox class="el-cbox"
:style="{'--fill-color':item.color}"
@change="val=>handleSingleChecked(val,index,item)"
v-model="item.checked"></el-checkbox>
// style
::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);
}
}
修改el-checkbox选项框默认颜色
最新推荐文章于 2024-01-03 16:21:03 发布