CSS border appears on click [duplicate]

Question

I have this simple logout button on the right (blue coloured) button and whenever I press the logout button, that border appears

I have tried the following CSS styles:

a:active
{
    border-style: none;
    border: 0px;
}

and these have been tried on all <a> tag possibilities like hover, active..

Any idea what might be the cause?

this is the Jsfiddle link

http://jsfiddle.net/v1x29f9h/

Answer 1

It's not a border, it's the outline.

#logoutButton {
    outline: none;
}

Demo http://jsfiddle.net/v1x29f9h/1/