free hit counters
If you are using Internet Explorer as your browser please be running at least IE 7 or above. This site does not support IE 6 or below. Go here for the latest free version including easy download and installation instructions If you want to make it real easy on yourself, download Firefox , the most popular browser in the world. It's free and simple. You'll be so glad you did.
Apr
23
2009

Remove the link outline box when you click on an link

If you want, you can remove the little dotted outline box that appears around a link…

148

In your custom.css add the following code and replace “your link name” with whatever link you want to change…

.custom  “your link name” a{outline: none;}

Leaving a comment with code in it...

If you would like to leave a comment and you have examples of code you want to show, you must "escape the code". This allows the entire code to show correctly by inserting certain variable around certain tags to make them show. If you don't "escape the code" your code will show up broken, mangled, and it won't be able to be seen correctly. "Escaping the code" is very simple...

  1. Copy your code you want to show
  2. Click here to go to the site to escape the code
  3. Follow the directions, it's so easy
  4. Once you have the escaped code copied, paste it in the comments area where you want
  5. Now you can enjoy life


Go ahead, leave a comment...

{ 2 comments… read them below or add one }

Anthony May 5, 2009 at 7:34 am

Ok, stupid question here.

What is the correct usage if I want to change all of the links on my site so they don’t have the outline.

The way you explain it above it sounds like that works for a sepcific url.

Reply

Nasty May 5, 2009 at 11:55 am

if you want it sitewide put this in your custom.css…

.custom a {outline: none;}

Reply

Leave a Comment

Previous post: Add different widgets to different pages

Next post: Why you should always fill out the meta description on posts