Is there a way to remove the default outline that appears on my Bootstrap page button when it is pressed and not released? I have already tried targeting mouse focus and active states, but haven't been successful.
Default Button
https://i.sstatic.net/gpvJN.jpg
When Mouse Pressed and Not Released
https://i.sstatic.net/HFuW7.jpg
HTML
<input type="button" class="advancedSearch btn" value="Advanced Search" />
CSS
.advancedSearch, .advancedSearch:focus {
outline: none;
background-color: #e9ece5;
font-family: Arial, Times, serif;
color: #333333;
height: 35px;
}