📜  swal 更改确认按钮类 - Javascript (1)

📅  最后修改于: 2023-12-03 15:05:25.506000             🧑  作者: Mango

修改 swal 确认按钮类名

Swal 是一个弹出窗口组件,常用于进行确认提示等操作。但是,Swal 的确认按钮默认类名为 swal-button--confirm,如果需要更改其样式,可能会与其他部分发生冲突。因此,需要将确认按钮的类名更改为我们需要的名称。

在 JavaScript 中,我们可以通过以下代码更改 Swal 确认按钮的类名:

Swal.fire({
  // 其他配置项...
  confirmButtonClass: 'my-confirm-button-class',
  customClass: {
    confirmButton: 'my-confirm-button-class'
  }
})

其中,confirmButtonClass 用于指定确认按钮的类名,customClass.confirmButton 也用于指定确认按钮的类名。这样,我们便可以将确认按钮的类名更改为 my-confirm-button-class

样例效果图:

swal-confirm-button-demo

```javascript
Swal.fire({
  // 其他配置项...
  confirmButtonClass: 'my-confirm-button-class',
  customClass: {
    confirmButton: 'my-confirm-button-class'
  }
})