css 自定义el-checkbox多选复选框样式 修改成白底黑勾

 

    <!-- html -->
        <el-checkbox-group v-model="checkList">
            //正常状态
          <el-checkbox label="setsdt">设置</el-checkbox>
            //禁用状态
         <el-checkbox label="config_write" disabled>写入</el-checkbox>
        </el-checkbox-group>
   

//修改多选框选中样式

//正常状态
/deep/ .el-checkbox__inner::after {
  box-sizing: content-box;
  border: 1px solid #000;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  width: 3px;
  transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
  transform-origin: center;
  //   border: 1px solid #000 !important;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff;
  border-color: #fff;
}

//禁用状态
/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #000;
}