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 money motivation

Opscomplete powered by makandra brand

Save money by migrating from AWS to our fully managed hosting in Germany.

  • Trusted by over 100 customers
  • Ready to use with Ruby, Node.js, PHP
  • Proactive management by operations experts
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)