移除 Bootstrap 4 个按钮轮廓 Mixin

Question

老实说，我不知道如何编写它才能工作。我想要一个 sass mixin，它可以删除每个按钮往往具有的蓝色 Bootstrap 轮廓，这样我就可以将它添加到我想要的按钮上。

有人可以帮我解决这个问题吗？我尝试了几种方法，但它们基本上什么都不做。

Answer 1

你会得到这样的东西：

@mixin outline($value) {
    outline: $value;
}
button {
  @include outline(0);
}

输出：

button {
  outline: 0;
}

观看演示 here

Answer 2

您可以像这样设置 SCSS 变量：

$btn-focus-width: 0;

Remove Bootstrap 4 button outline Mixin