nasty jquery border on links - ff3

unwashed potato! · 20 Feb 2009 at 01:03

using jquery more and more these days as it can be really great, the accordion, slide effects, ajax tabs etc are all really amazing. One annoying thing though i am finding is when you click what used to be a link making it active you get a horrible grey dotted border around the link in firefox 3.

is there any way to stop this? i have tested other browsers and no hter have this problem, just firefox3.

an example:

Inquisitor · 20 Feb 2009 at 01:18

Give it outline: none; in CSS.

unwashed potato! · 20 Feb 2009 at 02:08

ah thank you very much inquisitor, that did the trick

Tripnologist · 20 Feb 2009 at 08:49

Personally, I remove it only on sites where I've used image replacement to move the text offscreen. The reason for keeping it is accessibility. You're removing the visual cue of a link for people who have no visual impairments but are forced (for whatever reason) to use the keyboard for navigation.