vue使用ElementUI如何修改checkbox复选框颜色

/deep/.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{

    background-color:rgba(47, 84, 201, 1);

    border-color: rgba(47, 84, 201, 1);

  }

  /deep/.el-checkbox__input.is-checked + .el-checkbox__label {

    color: rgba(47, 84, 201, 1);

  }

  /deep/.el-checkbox.is-bordered.is-checked{

    border-color: rgba(47, 84, 201, 1);

  }

//复选框恢复默认边框颜色

  /deep/.el-checkbox__input.is-focus .el-checkbox__inner{

    border-color:  #CCC;

  }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容