mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
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>
This commit is contained in:
parent
7e6d7b8f81
commit
a2ae2c364f
1 changed files with 9 additions and 0 deletions
|
@ -411,6 +411,15 @@ button {
|
||||||
border-radius: 0;
|
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
|
// 1. Remove the margin in Firefox and Safari
|
||||||
|
|
||||||
input,
|
input,
|
||||||
|
|
Loading…
Add table
Reference in a new issue