自定义引导程序:禁用主按钮边框

时间:2014-07-08 04:09:04

标签: html css twitter-bootstrap less

我正在使用Bootstrap template customization generator来更改默认状态和按钮的颜色。

我已正确更改了所有状态,但在生成按钮组并使用处于禁用状态的主按钮时,它仍然会生成蓝色边框,我似乎无法找到更改选项在Bootstrap的发电机中。代码:

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

这是生成这个(注意光边框与左边的按钮相比,它有一个黑色边框,因为它没有被禁用):

enter image description here

检查元素显示:

.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编译器。

修改: here's a fiddlehere's a link to my current Bootstrap definitions

2 个答案:

答案 0 :(得分:4)

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

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

DEMO

答案 1 :(得分:-1)

css使用button样式

<button style="border: none;" (click)="List()" type="button" class="btn-link btn-anchor">Sign up</button>