Remove Button and Image Outlines

CSS 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
Not Outlined

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.

Games

Jappler Recommends: Makeshift Wii Fit

I have always thought walking/running on the treadmill was boring. It was ever so slightly more exciting at the gym because you could get some good people watching in – but even that gets boring. The last few days I have decided to kick it up a notch by distracting myself with some Nintendo Wii […]

Serenity Now! Web Development WordPress

Side Projects

Between normal day to day work, maintaining a house, spending time with the family and pets, exercise, relaxing, and enjoying life…there is not too much time for fun side projects these days. I have been trying to complete a few really cool things over the last few months without much luck…but I think March will […]