Clicked links highlighted in firefox - how to avoid - HTML forum at WebmasterWorld

Forum Moderators: open

Message Too Old, No Replies

Clicked links highlighted in firefox - how to avoid

orfeus123

9:32 pm on Jul 1, 2007 (gmt 0)

Hi there

I don't quite know the right way to phrase this, so I'll try.

When you click on a text link or a link in an image, it always highlights the link (with a subtle dotted line) if you go back to that page.

I want to get rid of that!

Does anyone know any javascript code etc, that can shut that off?

To see what I mean, check out my site: <url removed>

Click on one of the sphere's on the bottom left of the piano to see what I mean (only in firefox)

Thanks!

[edited by: encyclo at 10:01 pm (utc) on July 1, 2007]
[edit reason] See Posting Guidelines [webmasterworld.com] [/edit]

Rightz

10:00 pm on Jul 1, 2007 (gmt 0)

Can't see your site but maybe add this to the body tag:

link= being the normal color.
alink= being the color when it is clicked.
vlink= being the color the link is when it has been visited.

Otherwise look into css to control your links

Rightz

10:04 pm on Jul 1, 2007 (gmt 0)

Ok can see your site now.

Add this to your .css file:

A:link { text-decoration: none;
color: red;
font-family: Arial; }
A:visited { text-decoration: none;
color: blue;
A:active {text-decoration: none;
color: black;

Change the colors to suit you.

londrum

10:28 pm on Jul 1, 2007 (gmt 0)

i had that problem on image links once. firefox would put a little dotted-line box around it. bugged me for ages until someone told me the fix.
all you have to do is put

a:focus, a:hover, a:active { outline:none }

orfeus123

2:44 am on Jul 2, 2007 (gmt 0)

thank you! worked perfectly

piatkow

12:14 am on Jul 5, 2007 (gmt 0)

I prettied up all the links on an intranet site like that once. All the users complained that it was confusing as it wasn't what they were used to seeing.

Your choice, impose your taste on prospective customers or convert those visits into sales.

encyclo

12:18 am on Jul 5, 2007 (gmt 0)

Welcome to WebmasterWorld orfeus123. The dotted outline is there as an accessibility aid - it enables you to see which link is active then tabbing through the links with the keyboard, so removing the outline makes your site unusable for those who can't use the mouse.

The supposed problem is very minor, personally I would never sacrifice an important accessibility aid for such a small visual effect.

Achernar

12:36 pm on Jul 9, 2007 (gmt 0)

You can add a style to links where you don't want this line:

-moz-outline:none;
outline:none;