使用bootstrap单击时如何更改按钮的颜色？

Question

有人可以告诉我如何在引导程序中更改按钮的颜色吗？我有一组按钮，只有点击的按钮应该改变它的颜色。感谢。

Answer 1

如果给你一个简单的JQuery函数来通过切换类来改变按钮的颜色，那么我现在可以为你发布最好的代码。

<强> JS ：

// .btn is the class of the element you want to change color
$(".btn").click(function() {
  // Instead of directly editing CSS, toggle a class
  $(this).toggleClass("clicked");
});

<强> CSS ：

.btn {
  background-color: red;
}

.clicked {
  background-color: blue;
}

编辑：正如 ashin999 所说，你实际上在bootstrap（你可能知道）中有预定义的类来改变按钮样式。因此，您可以切换其中一个类而不是新的clicked类。