MaggsWeb:7

www.maggsweb.com

blur() no more..

June 24, 2008 | Comments | CSS, HTML

Use FireFox? Can’t stand the dotted lines around links when you select them? Nope, nor me.

For ages I have been diligently adding a javascript:blur(); call to my links to stop these little white lines appearing.  Now I have found the holy grail.

For example, previously I would have done this:

<a href="..." onfocus="blur()" > [LINK] </a>

This works great, but guaranteed the one that you forget to code will be the one that annoys you most. So, add it to the style sheet once – like this.

a:active { outline:none; }
a:focus { outline:none; }

Cool ;)

Share this:
  • Print
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • LinkedIn
  • Twitter

Comments

There is one comment for this post.

  1. admin on October 7, 2008 1:56 pm

    The long way is:
    < a href='#' onfocus='blur()' > LINK < / a >

Write a Comment

Let me know what you think?