Jquery 如何更改sweet Alert按钮的css悬停属性？

我想更改sweet alert confirm按钮的：hover属性。 我编写了以下代码：

sweetAlert({
            title: "<span style='color: #134563'>[My title]",
            text: "<span style='font-size: 20px'>[My Message.....]",
            imageUrl: "images/email-icon.png",
            allowOutsideClick: false,
            confirmButtonColor: "#134563",
            customClass: ".sweet-alert button:hover{ background:'#2b5c79'; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }",
            html: true
        });

sweetAlert({
标题：“[我的标题]”，
文本：“[我的消息…]”，
imageUrl:“images/email icon.png”，
allowOutsideClick:false，
confirmButtonColor:#134563“，
customClass:“.sweet警报按钮：悬停{背景：'#2b5c79'.-webkit转换：所有0.3s轻松输入输出；转换：所有0.3s轻松输入输出；}”，
html：对
});

但即使使用了类自定义，我也没有得到：hover属性。

---

我如何解决这个问题？

更新

您需要将customClass定义为：

customClass:“.sweet alert button”

。现在，您可以将样式表（css）中的样式定义为

。提示按钮：悬停{background:'#2b5c79'.-webkit transition:all 0.3s ease-in-out；transition:all 0.3s ease-in-out；}

。我知道这个片段不起作用，它只是为了说明目的。您可以找到or（给出了示例）

sweetAlert({
标题：“[我的标题]”，
文本：“[我的消息…]”，
imageUrl:“images/email icon.png”，
allowOutsideClick:false，
confirmButtonColor:#134563“，
customClass:“.sweet警报按钮”，
html：对
});
.sweet警报按钮：悬停{
背景：“2b5c79”；
-webkit过渡：所有0.3轻松输入输出；
过渡：所有0.3秒的缓进缓出；
}
您可以使用jquery直接指向按钮：

$(".swal2-confirm.swal2-styled").on('mouseenter', function() {$(this).css('background', 'green')})

结果：


要在离开时设置颜色，请执行以下操作：

$(".swal2-confirm.swal2-styled").on('mouseleave', function() {$(this).css('background', 'blue')})

直接用jQuery检测onHover？这似乎就是他们所使用的。无法使用sweet alert的属性执行此操作？我不知道我是否做错了，但是使用jquery设置对我来说不起作用。从选项中可以看出，悬停没有任何设置。考虑到它是一个动态添加的元素，请尝试使用
$（document）。on（'hover'，element'，function（）{}）
问题在于sweet alert动态创建自己的结构。我想可能是我试图对jquery或其他东西使用错误的选择器。我知道如何使用静态元素进行正常的悬停。我用于sweet alert的选择器是：
。sweet alert按钮
是的，我刚刚看到了您发布的sweet alert 2的文档。你是对的。如果我在我的项目之外使用它，它就会起作用。在我的项目里面是甜警报1，也许它的工作原理不同于根本不工作。谢谢你的帮助。