Javascript 单击按钮时如何删除蓝色框阴影边框

我想做的是删除我的类

btnd

中的按钮蓝框阴影效果，如果按钮被单击

当前：

我试过了，但没用

.btnd:active,
.btnd.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

---

蓝色阴影是浏览器默认设置：焦点状态

.btnd:active,
.btnd:focus,
.btnd:focus:active {
  background-image: none;
  outline: 0;
  box-shadow: none;
}

---

我昨天刚处理过这个问题。你需要：

.btnd:focus, .btnd:active, .btnd.active, .btnd:focus:active {
  background-image: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

---

该键位于最后一个选择器

.btnd:focus:active

只需使用此行即可移除焦点

---

$（“#确定”）.button（）.blur（）

只需添加

大纲：0用于
.btnd:focus
，如下所述。.btnd:focus:active可防止单击时出现瞬间的轮廓+尽管这个答案在技术上是正确的，但我很惊讶没有人提到出于可访问性的原因不建议删除大纲。看到或看到。