Question

如何在bootstrap框架中更改按钮的css颜色属性？例如，我的一个按钮......

<button type="button" id="button1" class="btn btn-primary btn-large" onclick="checkAnswer(0)">Some text</button>

一些jQuery ......

$(document).ready(function(){
  // Wrong answer! The selected button turns red.
  $("#button1").click(function(){
      $("btn-primary").css("background-color", "red");
  });
});

感谢。

Answer 1

如果评论没有任何意义:)，请在代码中

<button type="button" id="button1" class="btn btn-primary btn-large" onclick="checkAnswer(0)">Some text</button>

<script type="text/javascript">
$("#button1").click(function() {
    $(this).css('background-image','none')
    .css('background-color','#FF0000') //red
});
</script>

Answer 2

如果您不想更改样式表，可以通过更改类来使用不同的引导选项，为红色：

class="btn btn-danger btn-large"

或蓝色：

class="btn btn-primary btn-large"

http://getbootstrap.com/css/#buttons-options

更改按钮的css颜色属性

2 个答案: