element message box 確認(rèn)消息，怎么改變確定和取消的位置？

如題，element message box 確定在右面，取消在左面，要怎么做才能讓確定在左面，取消在右面？
代碼：

<template>
  <el-button type="text" @click="open">點(diǎn)擊打開(kāi) Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open() {
        this.$alert('這是一段內(nèi)容', '標(biāo)題名稱', {
          confirmButtonText: '確定',
          callback: action => {
            this.$message({
              type: 'info',
              message: `action: ${ action }`
            });
          }
        });
      }
    }
  }
</script>

效果：

我試過(guò)把確認(rèn)和取消的位置換了，再改style，但是確認(rèn)有一個(gè)額外的class可以顯示成藍(lán)色，取消沒(méi)有額外的class，沒(méi)有辦法改。。。