element-ui el-checkbox颜色样式修改

  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate 
  .el-checkbox__inner{
      background-color:gray;
      border-color:gray;
     }
  .el-checkbox__input.is-checked + .el-checkbox__label {
      color: gray;
     }
  .el-checkbox.is-bordered.is-checked{
      border-color: gray;
     }
  .el-checkbox__input.is-focus .el-checkbox__inner{
      border-color:  gray;
     }

注: css style中不能加scoped,否则修改样式无效;

你可能感兴趣的:(vue,JavaScript)