::-moz-focus-inner: remove unnecessary specificity

Updated to use the same specificity as in Mozilla's user agent stylesheet (``resource://gre-resources/forms.css``)

Also, this ``::-moz-focus-inner`` rule has no effect on the primary focus style of buttons, so we don't have to "restore" focus styles with a ``:-moz-focusring`` rule.
``:-moz-focusring`` styles are set in ``resource://gre-resources/html.css``

Reduced test case: https://codepen.io/mattbrundage/pen/LYZKNYJ
This commit is contained in:
Matt Brundage 2020-11-20 13:46:42 -05:00 committed by GitHub
parent fc091cce15
commit 93c8f461d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -203,25 +203,11 @@ button,
* Remove the inner border and padding in Firefox. * Remove the inner border and padding in Firefox.
*/ */
button::-moz-focus-inner, ::-moz-focus-inner {
[type="button"]::-moz-focus-inner, border: 0;
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; padding: 0;
} }
/**
* 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;
}
/** /**
* Correct the padding in Firefox. * Correct the padding in Firefox.
*/ */