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,否则修改样式无效;


版权声明:本文为lanmengyingfei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。