我正在使用Bootstrap template customization generator来更改默认状态和按钮的颜色。
我已正确更改了所有状态,但在生成按钮组并使用处于禁用状态的主按钮时,它仍然会生成蓝色边框,我似乎无法找到更改选项在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编译器。
修改: here's a fiddle和here's a link to my current Bootstrap definitions
答案 0 :(得分:4)
答案 1 :(得分:-1)
对css
使用button
样式
<button style="border: none;" (click)="List()" type="button" class="btn-link btn-anchor">Sign up</button>