How do I remove blue “selected” outline on buttons?

by

That is a default behaviour of each browser; your browser seems to be Safari, in Google Chrome it is orange in color!

Use this to remove this effect: 

button {
  outline: none; // this one
}

More Related Contents:

  1. What is the difference between visibility:hidden and display:none?
  2. What does the “+” (plus sign) CSS selector mean?
  3. What is the difference between Normalize.css and Reset CSS?
  4. CSS \9 in width property
  5. Opacity CSS not working in IE8
  6. CSS hover border makes inline elements adjust slightly
  7. What is the meaning of “cascading’ in CSS?
  8. Justify the last line of a div?
  9. Difference between @import and link in CSS
  10. Angular-cli from css to scss
  11. Position a CSS background image x pixels from the right?
  12. Style certain characters with CSS
  13. What is the difference between :focus and :active?
  14. Why does ‘overflow: auto’ clear floats? And why are clear floats needed?
  15. Bootstrap grid with fixed wrapper – Prevent columns from stacking up
  16. font-size vs line-height vs actual height
  17. Bootstrap 4 – Navbar items outside the collapse
  18. hide div tag on mobile view only?
  19. Allowed characters for CSS identifiers
  20. How to use relative/absolute paths in css URLs?
  21. Zebra striping a table with hidden rows using CSS3?
  22. Which are the most important media queries to use in creating mobile responsive design?
  23. Less lists as a mixin argument(s)
  24. What is the difference between `margin` and `padding` in CSS?
  25. How to show the first N elements of a block and hide the others in css?
  26. Width equal to content [duplicate]
  27. Align form elements in CSS
  28. How can I align 3 divs side by side?
  29. How to override the properties of a CSS class to avoid copying and renaming styles
  30. text overflow ellipsis: avoid word break

Leave a Comment