diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 27498c0df4b1..cd93bfe24086 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -307,6 +307,15 @@ button { border-radius: 0; } +// Explicitly remove focus outline in Chromium when it shouldn't be +// visible (e.g. as result of mouse click or touch tap). It already +// should be doing this automatically, but seems to currently be +// confused and applies its very visible two-tone outline anyway. + +button:focus:not(:focus-visible) { + outline: 0; +} + input, button, select,