Posted about 10 years ago. Visible to the public.

Firefox: Remove dotted border from focused buttons

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

There's also a plain CSS version.

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

By refactoring problematic code and creating automated tests, makandra can vastly improve the maintainability of your Rails application.

Owner of this card:

Henning Koch
Last edit:
almost 7 years ago
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Henning Koch to makandra dev
This website uses short-lived cookies to improve usability.
Accept or learn more