Bootstrap按钮禁用大纲

Question

我在我的项目中使用bootstrap，并且不喜欢按下蓝色轮廓的按钮，如何禁用蓝色轮廓？

Answer 1

有些浏览器自己添加这样的边框，然后很难将其删除。但是Bootstrap还为一些表单输入元素添加了这样的蓝色边框。关于如何修改它的问题有几个问题，例如How can I change the border/outline color for input and textarea elements in Twitter Bootstrap?。 在您的情况下，您可以设置border: none;以尝试删除它。但正如我所说，它可能也是一个浏览器功能，与Bootstrap无关，所以你只需要尝试一下。

Answer 2

在您的css中添加以下代码：

.form-control:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

（如果需要，可以更改边框颜色）

Answer 3

对于按钮，您需要修改聚焦按钮上的outline属性。这对你有用

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

看看这个CodePen，看看它的实际效果。希望这会有所帮助。