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:



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.

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