diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2021-01-10 13:42:26 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-10 13:42:26 +0300 |
commit | a2ae2c364f0fe58bf2abbd87cfd5af5d0bf57326 (patch) | |
tree | d4fafaf2ffc17392ea4f8a5e41cc16ab4a437d19 /scss | |
parent | 7e6d7b8f817ad1212238f15124335d37c93ebfea (diff) |
Suppress focus outline for buttons when it shouldn't be visible in Chromium (#32689)
Follow-up to https://github.com/twbs/bootstrap/pull/32631
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_reboot.scss | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 58e1a34d02..973b5d16c7 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -411,6 +411,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; +} + // 1. Remove the margin in Firefox and Safari input, |