bootstrap button on click showing default colour

Question

I am trying to style the button colour with below code, the colours work until I click the button, the button shows the default colours, how do I specify the colours of the butt

Answer 1

if you want remove the box-shadow just add box-shadown:none and make it important or if you want add box-shadows just add color values.

.btn-primary:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #5b5fc6;
    border-color: #5b5fc6;
    box-shadow: none !important;
}

or

.btn-primary:not(:disabled):not(.disabled):active{
        color: #fff;
        background-color: #5b5fc6;
        border-color: #5b5fc6;
        box-shadow: 0 0 0 0.2rem #c9cbfa !important
    }