Remove Button and Image Outlines

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

About the Author...

Jennifer Zelazny

My name is Jennifer Zelazny and this site is a collection of my random thoughts and opinions. I am Penn Stater, WordPress developer, and a modern day explorer. I love exploring data, trends, and things that make the world a better place and sharing them here.

3 thoughts on “Remove Button and Image Outlines”

    • Jennifer Zelazny

      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.

Leave a Reply

Your email address will not be published.
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=""> <s> <strike> <strong>
*
*

This site uses Akismet to reduce spam. Learn how your comment data is processed.