Remove default browser styling of active state of link?

Question

Ive styled the :active state of a link already but when you click it in Chrome you get a blue outline as you can see in the 2nd button below:

enter image description here

How can I disable this styling, ideally for all browsers?

possible duplicate of [How can I remove the outline around hyperlinks images?](http://stackoverflow.com/questions/814366/how-can-i-remove-the-outline-around-hyperlinks-images) — Stuart Kershaw, Mar 04 '14 at 17:23

score 4 · Answer 1 · answered Mar 04 '14 at 17:21

4

Adding outline: 0; to the CSS does the trick for form elements and buttons.

answered Mar 04 '14 at 17:21

Grim...

score 1 · Answer 2 · answered Mar 04 '14 at 17:24

1

I believe what you are looking for is the CSS property outline.

For Example

a {
  outline: none;
}

answered Mar 04 '14 at 17:24

OpenNox

score 0 · Accepted Answer · answered Mar 04 '14 at 17:21

0

a { border: 0 }

You should edit the anchor tag's global CSS, not just for its active state. Also, look into modernizr.

answered Mar 04 '14 at 17:21

Nathan R

3 Answers3