css - 删除主按钮周围的轮廓

Question

我尝试覆盖 Bootstrap 样式并且一切正常。但我注意到当用户按下主按钮时

<button class="btn btn-primary">Test</button>

它显示蓝色轮廓，我无法将其删除。我试图覆盖一个类:

.btn:focus {
  outline: none;
}

但它不起作用。它仍然显示这个该死的蓝色轮廓。而且我找不到它声明的位置，因为我是 CSS 新手。

附言如果它可以帮助我使用 Chrome 浏览器 v.56。

Answer 1

这不是最好的方法，但请尝试!重要的。

我猜你的 bootstrap-styles 是在你的其他样式之后加载的，所以你被覆盖了。

编辑: 也考虑使用更精确的选择器是更好的方法(见评论)还要检查 this