Javascript 删除焦点上的警告按钮轮廓

我在我的nodeJS项目中使用它，它就像一个魔咒一样工作，除了当我显示确认模式时，它将焦点设置到确认按钮，它得到了这个可怕的轮廓

事实就是这样：

这就是我想要的：

我已经尝试覆盖它的样式并将outline设置为“无”，但没有成功：

.sweet-alert button.confirm {
  outline: none !important; }

我还尝试用这种风格去除任何轮廓：

*:focus, *:active {
outline: 0 !important; }

这是我用来启动SweetAlert模式的代码：

swal({ title: "Confirmation", 
               text: "Are you sure you want to remove this credit card?", 
               showCancelButton: true,
               confirmButtonText: "Yes, remove it", 
               closeOnConfirm: true }, 
               doRemoveCard);

这是sweetalert.min.js中设置焦点的一段代码：

a=o.querySelector("button.confirm");a.focus()

有什么办法可以去掉这个大纲吗

.课堂：焦点{ 溢出：隐藏；}

将类替换为所需的类

.课堂：焦点{ 溢出：隐藏；}

用所需的类替换类。类是可选的，您需要使用按钮类更改，如。sweet alert button。确认使用inspect元素工具查找类，并将其焦点概览设置为隐藏在自定义css中。

实际上。类是可选的，您需要使用按钮类更改，如。sweet alert按钮。确认使用inspect element工具查找类，并将其焦点概览设置为隐藏在自定义css中。

这将有助于：

.sweet-alert button:focus {
     box-shadow: none;
}

这将有助于：

.sweet-alert button:focus {
     box-shadow: none;
}

---

此问题最初发布于2年前，但对于那些在最新版本2.1.x中寻找解决方案的用户，请使用：

.swal-button:focus {
  box-shadow: none;
}

---

此问题最初发布于2年前，但对于那些在最新版本2.1.x中寻找解决方案的用户，请使用：

.swal-button:focus {
  box-shadow: none;
}

---

您可以在SweetAlert2V7.x.x上试试这个

.swal2弹出窗口.swal2样式：焦点{ 盒影：无！重要； }

---

您可以在SweetAlert2V7.x.x上尝试此功能

.swal2弹出窗口.swal2样式：焦点{ 盒影：无！重要； }

---

使用SweetAlert2 8.0.5版，您可能希望在css文件中添加一个全局：焦点，以防止出现蓝色轮廓

:focus {
    outline: none;
}

---

这对我很有用。

使用SweetAlert2 8.0.5版，您可能希望在css文件中添加一个全局：焦点，以防止出现蓝色轮廓

:focus {
    outline: none;
}

---

这对我很有用。

使用一个特殊的pseudoclass选择器：focus来去除SweetAlert的X Close按钮中的轮廓框阴影，并应用这些属性。仅使用：焦点是一般的，避免它，尝试这个特殊的css规则

.swal2关闭：焦点{ 盒影：无！重要； }

---

在SweetAlert的X Close按钮中，使用pseudoclass:focus的特殊选择器去除轮廓框阴影，并应用这些属性。仅使用：焦点是一般的，避免它，尝试这个特殊的css规则

.swal2关闭：焦点{ 盒影：无！重要； }

---

.class:focus没有被OP提到。他们应该在哪里找到这个类，这样他们就可以更改它？.class:focus没有被OP提到。他们应该在哪里找到这个类，这样他们就可以更改它？请不要只发布代码作为答案，还要解释你的代码是做什么的，以及它是如何解决问题的。带有解释的答案通常更有帮助，质量更好，并且更有可能吸引更多的投票。请不要只发布代码作为答案，还要解释代码的作用以及它如何解决问题。带有解释的答案通常更有帮助，质量更好，更容易吸引选票。