项目需求,打印时候需要展示全部的单选,多选及选中的内容
效果如下
<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>
打印时候需要勾选选项背景图形才有效果,要不然展示单选多选会没勾上