React: How to remove button focus outline from react-bootstrap component?

Question

I am using this CSS

.reasonButton:focus{
   color: #fff;
    background-color: #676666;
    border-color: #adadad;
    outline: none;
}

Can anybody help me with this problem? Thanks

Answer 1

.btn:focus {
    outline: none !important;
    outline-offset: none !important;
}

In my case, It was solved by using the above code

Answer 2

button:focus {
  box-shadow: none !important;
}