自定义Bootstrap：禁用主按钮边框

Question

我正在使用Bootstrap模板自定义生成器来更改默认状态和使用它们的按钮的颜色。

我已正确更改了所有状态，但是在生成按钮组并使用具有禁用状态的主按钮时，它仍会生成蓝色边框，我似乎无法在Bootstrap的生成器中找到更改选项。码：

<a href="#" class="btn btn-primary disabled">
    <strong>Title here</strong>
    <br><small>Hello world!</small>
</a>

这是生成此代码的原因（请注意，与未使用左侧边框的左侧按钮相比，该边框较浅，因为未禁用它）：

检查元素将显示以下内容：

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active, .btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, 
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca; 
    border-color: #357ebd;            /* these are light blue colours */
}

我似乎在模板生成器中找不到任何引用@btn-primary-disabled-border或类似的变化。我浏览disabled了该页面中的所有引用，但似乎没有引用它。

我在某处缺少什么吗？还是需要手动重写CSS？如果可能的话，我想继续使用Bootstrap的LESS编译器。

编辑： 这是一个小提琴，这是我当前的Bootstrap定义的链接

Answer 1

.btn如下所示从类中删除透明边框属性。

 .btn{
  border:0px solid transparent; /* this was 1px earlier */
 }

演示