Bootstrap toggle button - css if clicked [duplicate]

Question

I have the following toggle- button (bootstrap). Ich I click the button there is not a real difference of color - so its hard to see if the button is clicked or not. Is there a possibility to change it with css in that way that I can set e.g. the color of the clicked button?

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

Keyur Potdar · Accepted Answer · 2018-03-05 05:56:43Z

0

First of all when I ran this in jsfiddle, the button does change colour and it obvious that it has been clicked.

However if you want to change the colour to something even more obvious, you can do this using the anchor tag instead of a button, and then style it using:

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

Otherwise, you will require javascript/jQuery. `

I recommend reading this question and its answers for more in depth options -> Pressed <button> CSS

edited Mar 5, 2018 at 5:56

Keyur Potdar

7,2386 gold badges27 silver badges40 bronze badges

answered Apr 22, 2016 at 18:53

CZorio

4931 gold badge4 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap toggle button - css if clicked [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related