更改引导按钮颜色以使Facebook阻止按钮

Question

我正在注册页面上创建一个块级按钮。我的问题是如何覆盖此特定按钮的按钮颜色，使其成为facebook按钮始终的蓝色。

我正在使用Django，Python，Bootstrap＆amp;少

这是我的代码：

signin.html模板：

<button type="button" class="btn-block" id="fb-button"><i class="fa fa-facebook"></i>Facebook</button>

app.less样式表：

#fb-button {
  color: #3b5998;
}

这不起作用我的按钮是这种奇怪的白色/灰色并且不确定为什么。我没有其他任何我认为压倒颜色的东西。为什么这个特定的id选择器没有改变颜色？

Answer 1

如果我理解你的问题，这就是你想要的。 小提琴https://jsfiddle.net/74x5975j/4/

#fb-button {
  color: white !important;
  background-color: #3b5998 !important;
  border-color: #3b5998 !important;
}

Answer 2

使用它 在你的少

@btn-fb-color:#fff;
@btn-fb-bg:#3b5998;
@btn-fb-border:@btn-fb-bg;

.btn-fb {
  .button-variant(@btn-fb-color; @btn-fb-bg; @btn-fb-border);
}

然后将您的html更改为：

<button type="button" class="btn-block btn-fb"><i class="fa fa-facebook"></i> Facebook</button>