Bootstrap切换按钮 - 如果点击了css，请输入

Question

我有以下切换按钮（引导程序）。我单击按钮，没有真正的颜色差异 - 所以很难看到按钮是否被点击。有没有可能用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