diff options
| author | Patrick H. Lauke <[email protected]> | 2021-01-10 14:41:49 +0000 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2021-01-13 11:03:32 +0200 |
| commit | dfe4810199f172e855dab7880c790b294aa50ee8 (patch) | |
| tree | b80d0ab40f871da0c66aba50b17723d72cf0b3cb | |
| parent | 4e6c981f4e23597f4de88bf99ea75c6b4c4fc939 (diff) | |
| download | bootstrap-dfe4810199f172e855dab7880c790b294aa50ee8.tar.xz bootstrap-dfe4810199f172e855dab7880c790b294aa50ee8.zip | |
Suppress focus outline for buttons when it shouldn't be visible in Chromium
Manual backport of https://github.com/twbs/bootstrap/pull/32689
| -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 27498c0df..cd93bfe24 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, |