How to remove focus around buttons on click

by

I found this Q and A on another page, and overriding the button focus style worked for me. This problem may be specific to MacOS with Chrome.

.btn:focus {
  outline: none;
  box-shadow: none;
}

Note though that this has implications for accessibility and isn’t advised until you have a good consistent focus state for your buttons and inputs. As per the comments below, there are users out there who cannot use mice.

More Related Contents:

  1. How to place a div over a image? [closed]
  2. Setting columns in bootstrap grid
  3. Bootstrap height
  4. What is sr-only in Bootstrap 3?
  5. Table fixed header and scrollable body
  6. How do I change Bootstrap 3 column order on mobile layout?
  7. Twitter Bootstrap 3, vertically center content [duplicate]
  8. Bootstrap 3 two columns full height
  9. How to remove the gutter (spacing) between columns in Bootstrap?
  10. Animate/Shrink NavBar on scroll using Bootstrap
  11. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  12. 7 equal columns in bootstrap
  13. Align the form to the center in Bootstrap 4 [duplicate]
  14. Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
  15. Table headers position:sticky and border issue
  16. Use Fieldset Legend with bootstrap
  17. Same height column bootstrap 3 row responsive
  18. Bootstrap navbar link color won’t change
  19. Empty vertical space between columns in Bootstrap 4
  20. Responsive image align center bootstrap 3
  21. Bootstrap Grid, do I need a container?
  22. Bootstrap 3 – show collapsed navigation for all screen sizes
  23. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  24. How to make bootstrap carousel image responsive?
  25. Why aren’t my bootstrap 4 columns the same height?
  26. Bootstrap 5 layout for different sizes cards – like Pinterest
  27. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  28. How to work with ellipsis in bootstrap responsive table
  29. CSS float-right not working in Bootstrap 4 Navbar [duplicate]
  30. How to make Bootstrap cards the same height in card-columns?

Leave a Comment