Bootstrap切换按钮 - 单击css [重复]

Question

这个问题在这里已有答案：

• Change button color after click in Angularjs 3回答

我有以下切换按钮（bootstrap）。 Ich我点击按钮没有真正的颜色差异 - 所以很难看到按钮是否被点击。有没有可能用css改变它，我可以设置，例如点击按钮的颜色？

<button type="button" class="btn btn-xs btn-info" data-toggle="button" ng-click="vm.changeAbsenceTrigger = !vm.changeAbsenceTrigger">
<span class="glyphicon glyphicon-pencil cursorPointer" aria-hidden="true"></span>
</button>

Answer 1

首先，当我在jsfiddle中运行它时，按钮确实会改变颜色，很明显它已经被点击了。

但是，如果要将颜色更改为更明显的颜色，可以使用锚标记而不是按钮来执行此操作，然后使用以下方式设置样式：

a:active{
  background-color:insert color here;
}

否则，您将需要javascript / jQuery。 `

我建议阅读这个问题以及更深入的选项 - > Pressed <button> CSS