Removing the dotted line around hyperlinks in Firefox

How do I get rid of the dotted line around hyperlink images?

how do I get rid of the dotted line around my visited image hyperlinks in Firefox?

Firstly they’re there for for accessibility reasons. To denote for people who don’t use a mouse to visualise which area is active. To select an area they will use the “enter (return key)” whilst using the cursor keys to navigate.

CSS tricks has a little more on “removing the dotted line on links

In the image above you can see the visual problem whereby there‘s a rather unsightly dotted line around facebook icon graphic. To remove this use the css below.

a:focus { 
    outline: none; 




Please share if you find the content useful - thank you

Master Template World


Master Template Forum Robot


Have a comment or something to say?
Say it here…

[privacy policy]