The dotted gray border around active links in Firefox

[Kevin]

Hello All,
I've tried modifying many different link styles to get rid of the dotted gray border that appears around active links in Firefox, but to no avail.

I've applied
border: 0px;
text-decoration: none;

to the link, visited, hover, active, and focus properties of the links in question.

Does anyone have any ideas?

I don't have this particular problem in Internet Explorer.

[jscheuer1]

That's really an accessibility feature for the mouse impaired, so you should just leave it alone. However, I realize it looks bad and that it should probably be done the way it is in other browsers. In other browsers, it only appears if you start using the keyboard to cycle through the links.

Anyways, if you just can't live with it:


outline-style:none;

[Kevin]

Thanks very much for both the background and the fix. I don't mind it now that I know what it is : ).

[eleven82]

I don't think there is a fix to this. I think it's just how the browser works.

[jscheuer1]

Thanks very much for both the background and the fix. I don't mind it now that I know what it is : ).


I don't think there is a fix to this. I think it's just how the browser works.

The fix is as I outlined, it is just a matter of whether or not you are willing to go to that length.

[Rockonmetal]

Try this for the border
either two things:


border: none;
//OR!
border: hidden;

[new_toner_smell]

a:focus {outline:none;}

[jscheuer1]

And then there was...
a:focus {outline:none;}

There are various ways to do this, yes. The important thing to remember though is that however you override the browser's default behavior, you will be limiting accessibility in favor of your particular aesthetic. This is usually a bad idea.