Javascript 使用SweetAlerts 2自定义按钮

我需要匹配给我的定制设计。我目前正在为所有带有“确认”和“取消”的对话框使用SweetAlerts 2。我需要取消按钮有一个白色的背景和蓝绿色的文本和蓝绿色的边框。此外，两个按钮的边框的半径都需要为25px

我在文档中找不到任何可以执行这些操作的参数。我也找不到任何其他资源来完成这项工作

  // Delete click
  handleDeleteClick = () => {
    // Warning alert before delete
    Swal({
      title: 'Are you sure you want to delete this item?',
      type: 'warning',
      reverseButtons: true,
      showCancelButton: true,
      confirmButtonColor: '#4DB6AC',
      cancelButtonColor: 'white',
      confirmButtonText: 'Delete',
    }).then((result) => {
      if (result.value) {
        // Delete task
        axios.delete(`/api/goals/tasks/${this.props.task.id}`)
          .then(this.handleDeleteClickSuccess)
          .catch(this.handleDeleteClickError);
      }
    });
  }

我需要取消按钮有一个白色的背景和蓝绿色的文本和蓝绿色的边框。此外，两个按钮的边框的半径都需要为25px

编辑：

---

通过使用另一种样式重写CSS类的属性，可以检查按钮并更改样式

.swal-button--cancel {
  // your css
}

---

您只需更改项目中的SASS变量即可进行更改

---

脸掌。我只打算使用材质ui对话框

我在这方面还是很新的。。。我不知道该怎么处理这些信息。我没有sass文件。更改软件包文件可能会帮助您一次，但是当软件包需要更新时，您必须从头开始更改。我在这方面还是很新的。。。我一直在用材质ui（添加到原始问题中的代码）更改样式。如何实现.swal按钮--取消？

.swal-button--cancel {
  // your css
}