Question

我有以下切换按钮（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。 `

我建议您阅读此问题及其答案，以获得更多深度选项 - ＆gt; Pressed <button> CSS

Bootstrap切换按钮 - 单击css

1 个答案: