bootstrap button shows blue outline when clicked

by

May be your properties are getting overridden.
Try attaching !important to your code along with the :active .

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

Also add box-shadow because otherwise you will still see the shadow around button.

Although this isn’t a good practise to use !important I suggest you use more specific class and then try applying the css with the use of !important…

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. Bootstrap align navbar items to the right
  3. Change navbar color in Twitter Bootstrap
  4. Change bootstrap navbar collapse breakpoint without using LESS
  5. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  6. Add Bootstrap Glyphicon to Input Box
  7. Bootstrap 4 navbar with 2 rows
  8. Bootstrap 3 Navbar with Logo
  9. Twitter Bootstrap Form File Element Upload Button
  10. Bootstrap: how to stack divs of different heights?
  11. Fixed sidebar navigation in fluid twitter bootstrap 2.0
  12. top nav bar blocking top content of the page
  13. Search input with an icon Bootstrap
  14. Twitter Bootstrap – add top space between rows
  15. Bootstrap dropdowns menus appearing behind other elements – IE7
  16. bootstrap 3 responsive table with fixed first column
  17. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  18. Bootstrap 3: pull-right for col-lg only
  19. Table column sizing
  20. Bootstrap Modal sitting behind backdrop
  21. How to create the masonry effects with just bootstrap 3 grid system and css
  22. How can I change the order of Bootstrap columns?
  23. Bootstrap 4 custom build generator / download [duplicate]
  24. Bootstrap change div order with pull-right, pull-left on 3 columns
  25. In a bootstrap responsive page how to center a div
  26. Bootstrap – Removing padding or margin when screen size is smaller
  27. Shrinking navigation bar when scrolling down (bootstrap3)
  28. Vertically align Bootstrap badge inside heading
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. How to change Bootstrap navbar collapse breakpoint

Leave a Comment