【无标题】element-ui处理单选多选样式

项目需求，打印时候需要展示全部的单选，多选及选中的内容
效果如下

<style lang="scss" scoped>

//处理原有的单选多选样式为黑白色
/deep/ .el-checkbox__input.is-checked + .el-checkbox__label,
/deep/ .el-checkbox__input.is-disabled + span.el-checkbox__label,
/deep/ .el-checkbox__input.is-disabled .el-checkbox__inner,
/deep/.el-radio__input.is-checked + .el-radio__label,
/deep/.el-radio__input.is-disabled + span.el-radio__label {
  color: #333;
}

/deep/ .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #333;
  border-color: #333;
}
/deep/ .el-checkbox__input.is-disabled .el-checkbox__inner {
  background: #fff;
}

/deep/ .el-radio__input.is-checked .el-radio__inner {
  border-color: #333;
}
/deep/ .el-radio__inner {
  background: transparent !important;
  box-sizing: border-box;
}
/deep/.el-radio__inner::after {
  background: #333;
}
</style>

打印时候需要勾选选项背景图形才有效果，要不然展示单选多选会没勾上