Help with customizing Bootstrap 3 buttons and hover/active states etc

1

In my quote machine project I’m trying to customize the two buttons on the page that I’ve given the typical class of btn-primary. In my searching I found this bit of CSS that gets rid of most of the issues:

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active, {
…
}

However, it still changes color when i click then resets to normal and I’m trying to make the buttons look the same across all these pseudo-classes. If someone could diagnose the problem and maybe give me some more info on these pseudo-classes I would be very grateful. https://codepen.io/BLBaylis/pen/BZMPEy?editors=1010 :

3

Thanks for that, much appreciated. Do you know where I might be able to learn about how to do this correctly? I wasn’t able to dig up much.

5

Man I didn’t stand a chance there! Thanks for going to the effort of doing that, it would have bugged me bigtime.