How to change Bootstrap 3 button onclick css style

Question

when I click on a Bootstrap button, a csss is applied while the mouse button is clicked. This is also visible when the mouse button is hold pressed over a bootstrap button.

I need to change that style, but I can't find it using inspect element. How can I find what style is applied and how can I change it?

Answer 1

I had this problem the other week. If you're using chrome, open inspect element, code highlight the button, right click, select Force Element State, select :focus. This will show you the CSS code that you need to alter.

Answer 2

Having an issue with this myself until I applied the style to .btn-default:active:focus