Anchor tag has :focus style applied on click

I am new to web accessibility.

I applied the style for a:focus as

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -1px;
}

Its working fine when I press Tab to go through anchor tag in the webpage, the problem is when I click anchor tag, this focus style also applied but I don't want.

Is there any way to solve it?