Remove Button and Image Outlines

Posted by: Jen | 3 Comments »

Categorized: CSS, Featured, HOWTOs, Web Development

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:

outline:none;
Outlined

Outlined

Not outlined

Not Outlined

3 Responses to “Remove Button and Image Outlines”

  1. Bighi says:

    Does not work, even if you use

    * { outline: none !important; }

    • 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.

  2. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>