6

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?

2

2 Answers 2

7

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.

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

Comments

3

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

2 Comments

Was actually about to flame this answer... however this astonishingly works! Somehow the combination of both :active:hover works in the Bootstrap 3 context. They don't seem to work individually. Thanks Johann!
Glad you found it useful! Honestly, I don't even remember what project I used that on.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.