element-ui中this.$confirm提示文字中部分有颜色自定义方法

this.$confirm('请确认是否将该干预策略<span style="color: red;">下线</span>，确认后立即生效。', '下线确认', {
  confirmButtonText: '确定下线',
  cancelButtonText: '取消',
  dangerouslyUseHTMLString: true,
  type: 'warning',
}).then(() => {
  // 确认操作的代码
}).catch(() => {
  // 取消操作的代码
});

handleOffline(row) {
            const operationText = '<span style="color: red;">下线</span>';
            this.$confirm(
                `请确认是否将该干预策略${operationText}，确认后立即生效。`, '下线确认',
                {
                    confirmButtonText: '确定下线',
                    cancelButtonText: '取消',
                    dangerouslyUseHTMLString: true,
                }
            ).then(() => {
                const params = {
                    type: 'offline',
                };
                lineMaterial(params, row.id).then(res => {
                    if (res.status === 200) {
                        this.init();
                    }
                });
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消',
                });
            });
        },

dangerouslyUseHTMLString:true   // message部分 以html片段处理
customClass //MessageBox 的自定义类名   整个comfirm框自定义类名
cancelButtonClass   // 取消按钮的自定义类名   
confirmButtonClass   // 确定按钮的自定义类名
 
<style>
.addcomfirm{
    width: 500px;
}
.addqd,.addqx{
    font-size: 20px;margin-top: 20px;
}
.addqx{
    margin-right: 50px;
}
</style>