Just a quick note to myself…
I’m working on a navigation system that uses CSS image replacement. To hide the text, CSS shifts it out of view by using the text-indent property and a big negative value. However, a side-effect of this is that when you click on a link, the dotted border that appears while you’re holding the mouse button down goes off the side of the page.
To get around this, I just wanted to disable it. After some searching I discovered the outline property — setting this to ‘none’ gets rid of it entirely:
a{
outline: none;
}
Of course, the above will remove it for all links, it’s up to you to decide whether you want to make it more specific.
Image may be NSFW.Clik here to view.
