我想问一下如何用图片更改sweetalert
中的icon
图片?
我尝试用 assets
中的图像更改 Swal.fire
中的 icon
图像,但它不起作用
这是脚本
Swal.fire({
icon: "<?= base_url(); ?>assets/addon-media/icon_information.png",
html: "Are you sure want to add this ?",
showCancelButton: true,
confirmButtonText: 'Yes, Sure',
cancelButtonText: 'No, Cancel',
})
最佳答案
您可以使用 iconHtml
参数为图标设置图像。此外,如果您想删除图标周围的默认边框,请使用 customClass
参数。
例子如下:
Swal.fire({
title: 'Image icon',
iconHtml: '<img src="https://picsum.photos/100/100">',
customClass: {
icon: 'no-border'
}
})
.no-border {
border: 0 !important;
}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
关于sweetalert2 - 用图像更改图标 sweetalert,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67327505/