Html 移除按钮阴影

我正在使用Bootstrap3，并试图移除按钮的阴影/轮廓。我目前拥有的代码部分实现了这一点。单击按钮时，轮廓仍会在瞬间显示

这里有一个链接到我的

.btn:活动，
.btn：焦点，
.btn.active{
背景图像：无；
大纲：0；
-webkit盒阴影：无；
盒影：无；
}

更新-Boostrap 4 在此版本中，您可以使用实用程序类

shadow none

删除按钮阴影

.btn{
高度：100px；
宽度：100px；
}

没有影子
影子小
规则阴影
阴影大

放置此代码段，它将被修复

    .btn:active,
.btn:focus,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
   outline: none !important;
}

---

添加此样式将有所帮助

.btn:active:focus {
  outline: 0;
}

---

为此更改选择器

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

---

引导4

就我而言，这就足够了：

.btn:focus{
box-shadow: none !important;
}

当前未（尚未）记录，但支持添加类

shadownone

以删除阴影

单击下面的两个按钮以查看差异：

引导按钮
无阴影引导（4.1）按钮

提交
.货币选择器{
文字装饰：无！重要；
}
.货币选择器：悬停{
文字装饰：无！重要；
}

无阴影

无阴影！重要属性，所以有时不起作用。它实际上有一个！重要规则，请查看

shadow none

可能不是最佳解决方案，因为它不允许键盘访问。当然，如果这对你来说无关紧要，那么它确实可以消除那个讨厌的阴影。我们可以使用btn链接，以后可以添加一个类，我们可以修改它。它成功了，请添加一些上下文，比如这个代码是什么，如何使用它，它应该做什么。

<button class="btn btn-link currency-selector">Submit</button>
.currency-selector {
text-decoration: none !important;
}
.currency-selector:hover {
 text-decoration: none !important;
}