Javascript SweetAlert2-如果只有一个按钮,它会在模态打开时立即高亮显示

Javascript SweetAlert2-如果只有一个按钮,它会在模态打开时立即高亮显示,javascript,jquery,sweetalert,sweetalert2,Javascript,Jquery,Sweetalert,Sweetalert2,我刚从使用SweetAlert改为使用SweetAlert 2。我花了一段时间四处走动,但我实现了我想要的,除了一件事 一旦我打开模式,如果有1个按钮,没有输入,等等,按钮就会高亮显示,如下所示: 有没有一种方法可以阻止它在进行任何交互之前突出显示 更新: 请在下面的代码段中找到,在打开Sweetalert之前,有一个函数将被调用,在那里您可以执行一些您需要的操作,如停止突出显示按钮或其他操作 有关更多信息和更多事件,如OnClose等。。请查找此项并查找配置部分 我希望这对你有帮助 sw

我刚从使用SweetAlert改为使用SweetAlert 2。我花了一段时间四处走动,但我实现了我想要的,除了一件事

一旦我打开模式,如果有1个按钮,没有输入,等等,按钮就会高亮显示,如下所示:

有没有一种方法可以阻止它在进行任何交互之前突出显示


更新:


请在下面的代码段中找到,在打开Sweetalert之前,有一个函数将被调用,在那里您可以执行一些您需要的操作,如停止突出显示按钮或其他操作

有关更多信息和更多事件,如OnClose等。。请查找此项并查找配置部分

我希望这对你有帮助

swal({
标题:“警报!”,
文本:“Heyyyyyyyyyyyyyyyyyyy”,
onOpen:OnOpenFunction(),
confirmButtonClass:“btn禁用”,
按钮样式:true
})
函数OnOpenFunction()
{
//停止突出显示按钮等。。
//警报(“打开模型事件前打开!!!”;
}
.btn禁用
{
光标:不允许;
指针事件:无;
大纲:无;
/*按钮已禁用-CSS颜色类*/
颜色:#C0C0;
背景色:#ffffff;
}

只需将此代码添加到css中即可

button.swal2-styled {
    outline: none;
}

@Badal提到的解决方案是可行的,但它依赖于内部插件类,这是不好的

更好的解决方案是使用
confirButtonClass
选项:

.no-outline {
  outline: none;
}
swal({
  ...
  confirmButtonClass: 'no-outline',
  ...
})
然后将该类传递给
confirButtonClass
选项:

.no-outline {
  outline: none;
}
swal({
  ...
  confirmButtonClass: 'no-outline',
  ...
})

但在代码片段中,它仍然处于选中状态:(我如何禁用它。)请查找更新的代码段按钮现在被禁用了只需禁用css类btn并应用于ConfirmButtonClass可能是来自我的笔记本电脑/浏览器或其他东西。)故障仍然发生在我这边。可能是来自我这边,或者可能只是一个故障。谢谢,尽管我已经检查了Chrome 50.0.2661.102和mozilla 43.0.1我已经检查了Chrome v55。我正在OP中添加屏幕截图,