vue随笔1-element-UI中checkbook多选框-复选框样式修改

VUE element-UI中checkbook多选框-复选框样式修改

#复选框样式修改（供参考）

//设置选中后的文字颜色
/deep/ .el-checkbox__input.is-checked+.el-checkbox__label {
// color: #039F9E !important;
color: black !important;
}
//设置选中后对勾框的边框和背景颜色
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner, .myRedCheckBox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
border-color: #039F9E !important;
background-color:#039F9E !important;
}
//设置checkbox获得焦点后，对勾框的边框颜色
/deep/ .el-checkbox__input.is-focus .el-checkbox__inner{
border-color: #039F9E !important;
}
// 设置鼠标经过对勾框，对勾框边框的颜色
/deep/ .el-checkbox__inner:hover{
border-color: #039F9E !important;
}