Bootstrap: Remove box-shadow when focusing on .btn classes
All buttons, anchors and input[type="button"] which have the class ".btn" produce a box-shadow style when focusing on them and it's really annoying!
mw-shublaq
👎2
All 2 comments
No, you're really ugly! Kidding aside鈥攁nd next time, please don't open by insulting our project鈥攖his is intentional as it's a custom implementation of the browser's focus ring. It's there for accessibility and is customizable. We recommend you not remove it鈥攊f you do, be sure to replace it with something else.
mdo
on 26 Oct 2017
😄2
👍1
Have you guys considered using the :focus-visible polyfill? For people using a mouse, it won't create an outline, whereas keyboard navigation will. This means you don't penalize mouse users aesthetically while keeping it accessible.
atomiks
on 5 Feb 2018
Was this page helpful?
0 / 5 - 0 ratings
Related issues
kamov
路
3Comments
devdelimited
路
3Comments
knownasilya
路
3Comments
ziyi2
路
3Comments
leomao10
路
3Comments
Most helpful comment
No, you're really ugly! Kidding aside鈥攁nd next time, please don't open by insulting our project鈥攖his is intentional as it's a custom implementation of the browser's focus ring. It's there for accessibility and is customizable. We recommend you not remove it鈥攊f you do, be sure to replace it with something else.