Remove Button and Image Outlines

  • 3 Comments

Ever wonder how to get rid of the nasty outline that Firefox puts around some images/buttons?

Add this little bit of code to your CSS that controls the button or image and you will no longer see these ugly outlines:
[css]outline:none;[/css]

Outlined

Outlined

Not outlined

Not Outlined

Related Posts

3 Responses to “Remove Button and Image Outlines”

  1. Bighi says:
    March 2, 2009 at 1:12 pm

    Does not work, even if you use

    * { outline: none !important; }

    Reply
    • Jennifer Zelazny says:
      March 2, 2009 at 1:33 pm

      Did you actually try putting that at the actual element level (.button {outline:none;} instead of using *? (I understand why you would want to use * but I think if you try it on the actual element or selector – you might have more reliable results.

      Reply
  2. How to Get Six Pack Fast says:
    April 15, 2009 at 9:04 am

    I follow your blog for a long time and should tell that your articles always prove to be of a high value and quality for readers.

    Reply

Leave a Reply