Make the focus ring on Compound Web buttons consistent

This commit is contained in:
Robin
2023-09-11 11:07:10 -04:00
parent 8720ccada6
commit 6c25a25f8b

View File

@@ -244,3 +244,13 @@ details[open] > summary {
position: relative;
height: 100%;
}
/* normalize.css sets the focus rings on buttons in Firefox to an unusual custom
outline, which is inconsistent with our other components and is not sufficiently
visible to be accessible. This resets it back to 'auto'. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: auto;
}