esn studio

9 Responses to “How to get rid of tracing dotted line on a:active with CSS”

1. February 20th, 2007 at 11:41 pm steve Says:
   

   Only works in IE?

2. February 21st, 2007 at 8:38 am eisabai Says:
   

   Hi steve,

   I don’t think it’s applicable for IE as you don’t see tracing dotted lines like that in IE. It’s mainly for FF.

3. April 5th, 2007 at 8:03 pm jab Says:
   

   Yes, it only works in IE. FF still has the tracing lines. I cannot get rid of them… and it is annoying.

   My style sheet looks like this:
   .a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
   outline: none
   }

4. April 5th, 2007 at 8:04 pm jab Says:
   

   any cures would be awesome

5. April 5th, 2007 at 8:29 pm eisabai Says:
   

   Hi jab,

   Try this:

   a {
   outline: none;
   }

   If that doesn’t work, try:

   a:focus {
   outline: none;
   }

6. April 6th, 2007 at 5:40 am jab Says:
   

   the a:focus tag worked…PERFECTO!

   thanks!

7. April 6th, 2007 at 9:50 am eisabai Says:
   

   You’re welcome.

8. May 26th, 2008 at 2:21 pm Bee Says:
   

   Any ideas on how to get rid of the same problem in FF on an input submit button?

9. May 29th, 2008 at 8:43 pm eisabai Says:
   

   Hi Bee,

   If you’re talking about the dotted line that you see when you click on an input button, I don’t think we can control that in CSS. However, you might be able to get around it by using an image instead of an input button.

Leave a Reply