Alex Rivera | Logout

How to remove dotted border around active hyperlinks in IE8 with CSS

Asked 2009-07-17T11:57:48.907
46

Active hyperlink texts are highlighted with dotted border. When using effects on such hyperlinks (fadeIn/fadeOut) it produces strange effects. How do I disable/remove the dotted border?

Edit
Report

2 Answers

15

Be careful. The dotted-border is a valuable part of keyboard-browsing. It highlights which link will be clicked.

a:active { outline: none; }

Author Nathan Smith gives a more thorough discussion of this, and various related issues on his blog.

answered 2009-07-17T11:59:47.873
12
a:active, a:focus {
    outline:none;
}
answered 2011-06-03T04:06:05.300

Your Answer