Why do we need focus ring to make a different between FF and other browsers?

[ductuan690]

These style below make the different for buttons between Firefox and others (Chrome, IE, etc.) when focusing to buttons. Please give me any reasons or clues.

/**

• Restore the focus styles unset by the previous rule. */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

[juytter]

This rule is not related to normalization but restore FF default focus style (1px dotted) unset by this previous rule (FF button spacing).

There is no normalization styles on focus for any browsers, FF or not. A reason why ? See #549 or read this stackoverflow answer.

[akash123mandal]

Hi, I observed that Firefox version 107.0 does not make a default dotted outline to focus link/button. Is this styling still applicable in any scenario?

[mrwweb]

In my experimentation, setting the outline to outline: revert restores the default Firefox :focus styles which is a much better experience. revert has good-but-not-great browser support.