Read more

Firefox: Remove dotted border from focused buttons

Henning Koch
January 14, 2011Software engineer at makandra GmbH

The following Sass will do the trick:

button,
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="file"] > input[type="button"]
  &::-moz-focus-inner
    border: none
Illustration UI/UX Design

UI/UX Design by makandra brand

We make sure that your target audience has the best possible experience with your digital product. You get:

  • Design tailored to your audience
  • Proven processes customized to your needs
  • An expert team of experienced designers
Read more Show archive.org snapshot

There's also a plain CSS version Show archive.org snapshot .

Note that you can no longer visually navigate through a form with the keyboard without these borders.

Posted by Henning Koch to makandra dev (2011-01-14 18:16)