将按钮的位置更改为垂直而不是水平

Question

有没有办法将按钮的位置或对齐方式更改为垂直而不是水平？我环顾四周，但除了更改 CSS 的提示之外，找不到任何具体内容。然而，这个选项看起来非常麻烦，并且不确定是否可行。

有人可以帮我吗？

Answer 1

干得好：

Swal.fire({
  title: 'SweetAlert2 Vertical Buttons',
  showCancelButton: true,
  customClass: {
    actions: 'vertical-buttons',
    cancelButton: 'top-margin'
  }
})

.vertical-buttons {
  flex-direction: column;
}

.top-margin {
  margin-top: .5em;
}

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>