How can I remove the black outline when i focus on the certain component. #30955
-
after I upgrade my project to bootstrap v4.5.0, I found that when i focus on some component, the black outline will show, but i don't want this. how can i remove the focus outline globally? |
Beta Was this translation helpful? Give feedback.
Answered by
patrickhlauke
Jun 3, 2020
Replies: 1 comment 2 replies
-
That's the browser's default focus outline, which is essential for keyboard users to be able to use a site. There are currently no plans for us to remove/suppress this. Incidentally, you're looking at https://getbootstrap.com/docs/4.5/content/reboot/ which simply shows the default behavior of the browser for focus. https://getbootstrap.com/docs/4.5/components/forms/ shows slightly modified/softened focus styling that bootstrap uses. |
Beta Was this translation helpful? Give feedback.
2 replies
Answer selected by
TammyCT
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
That's the browser's default focus outline, which is essential for keyboard users to be able to use a site. There are currently no plans for us to remove/suppress this.
Incidentally, you're looking at https://getbootstrap.com/docs/4.5/content/reboot/ which simply shows the default behavior of the browser for focus.
https://getbootstrap.com/docs/4.5/components/forms/ shows slightly modified/softened focus styling that bootstrap uses.
http://www.outlinenone.com/