mritzi mritzi - 2 months ago 8
CSS Question

Fix Bootstrap button CSS style

I have two social media buttons (one Anchor Tag, One Button Tag, using different tags for experimental purpose only).

The issue is that when I click on the button, its color and border changes to default bootstrap .btn styling (black color, blue border. While I want #33CAFF color and #33CAFF border).

Please note that the color changes back to #33CAFF once I click elsewhere on the screen.

But I want that after clicking the button, the styling should set to its pre click state.

Images for clarity:

What's happening right now

enter image description here

What I want

enter image description here

Answer

just add the below code.

.myBtn:focus {
    background-color:#fff;
  color:#33CAFF;
  outline:none;
}

here is the jfiddle.

Comments