Question

How can I change the css color properties of a button in the bootstrap framework?
For example, one of my buttons…

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

Some jQuery…

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

Thanks.

Answer 1

If the commment not gave any sense :), here in code

<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>