Remove blue border from css custom-styled button in Chrome

Question

I\'m working on a web page, and I want custom-styled tags. So with CSS, I said: border: none. Now it works perfectly in safari, but

Answer 1

Use either this:

:active {
    outline:none;
}

or this if that doesn't work:

:active {
   outline:none !important;
}

This works for me (FF and Chrome, at least). Instead of targeting the :focus state, just target the :active state and that will remove the aesthetically obtrusive highlighting in your browser when a user clicks a link. But it will still retain the focus states when a user with disabilities tabs or shift-tabs through a page. Both parties are happy. :)