-2

I'm trying to remove the blue border from the button which appears every time the button is clicked. No matter what I try it doesn't go. Please see image below for details:

blue border around button1

Any info on why this issue occurs?

ASO
  • 67
  • 5
  • Please add a [mcve] to your question – blurfus Jan 11 '21 at 20:22
  • 1
    Does this answer your question? [How to remove border around clicked button in html?](https://stackoverflow.com/questions/22435457/how-to-remove-border-around-clicked-button-in-html) – cbr Jan 11 '21 at 20:23

2 Answers2

1

Add outline: none; to the button.

Manas Khandelwal
  • 3,515
  • 2
  • 10
  • 22
0

The solution is pure CSS:

outline: unset;

You might need to add it with the :focus selector and/or :active.

The outline is used by default in a lot of browsers (especially for mobile UX)

GBra 4.669
  • 1,201
  • 3
  • 7
  • 21