moxystudio/js-keyboard-only-outlines

Take care of special FF styles?

satazor opened this issue · 0 comments

FF applies some weird styles on buttons and inputs:

::-moz-focus-inner  /* Weird dashed outline on the text inside the button */
:moz-focusring /* Blue thingy around the element, but it's not an outline.. it's actually a border */

Fixing ::-moz-focus-inner seems easy by setting border-style: none; in the styles. Fixing :moz-focusring is difficult because it uses border, which we can't set to none because it will remove all the borders. Note that this only happens if the user hasn't defined a border themselves. Perhaps, we shouldn't do nothing regarding this pseudostate but instead simply document it (and change our demo to have set the inputs border explicitly).