📅  最后修改于: 2023-12-03 15:05:25.506000             🧑  作者: Mango
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
。
样例效果图:
```javascript
Swal.fire({
// 其他配置项...
confirmButtonClass: 'my-confirm-button-class',
customClass: {
confirmButton: 'my-confirm-button-class'
}
})