如何覆盖twitter Bootstrap中按钮上的链接颜色和边距/填充?

时间:2014-03-16 03:57:08

标签: html css twitter-bootstrap

首先发布在这里。我试图覆盖Bootstrap按钮的链接颜色,但我无法让它工作。我实际上改变了背景颜色,但我无法改变链接颜色。我也无法弄清楚如何更多地按下按钮。

<span>
    <button type="button" class="btn btn-default btn-lg"><a href="#">Resume</a></button>
    <button type="button" class="btn btn-default btn-lg"> <a href="#">Twitter</a></button>
    <button type="button" class="btn btn-default btn-lg"><a href="#">LinkedIn</a></button>
</span>

My css currently looks like:
.btn{
    background-color:#d0d0d0;
    text-align:center;
    display:block;
}

1 个答案:

答案 0 :(得分:1)

要更改BootStrap按钮的文本颜色,您实际上必须定位<a>内的.btn元素。例如:

.btn a{
    color:#000;
}

这会将按钮链接文本更改为黑色。希望这有帮助,如果您有任何疑问请与我联系!