javascript - 如果单击，如何删除按钮中的蓝框阴影边框

我想做的是，如果单击按钮，则删除类btnd中的按钮蓝色框阴影效果。

当前output:

我试过了，但没有用。

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

最佳答案

蓝色阴影是浏览器默认:focus状态

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