-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
  • 85
  • 6
  • 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
  • @blurfus Looks like few pals here understood the question clearly. Why mark me down if you don't understand what I'm asking? It's a simple problem hence why are you making it more complicated than it is? – ASO Aug 13 '22 at 23:52
  • @ASO the question does not meet the community guidelines, for one (read the [ask] page). Secondly, the question has been asked already multiple times. As such, It should be marked as a duplicate. Third, there are many, many reasons why the border would show up - without a [mre], we are left to guessing as to why this is – blurfus Aug 14 '22 at 18:46
  • Lastly, ***I*** am not making it more complicated - I am simply following the _community_ guidelines that make SO a great resource. Instead of blaming me, perhaps consider reading the resources and understanding the reason for these guidelines to exist. – blurfus Aug 14 '22 at 18:49

2 Answers2

1

Add outline: none; to the button.

Manas Khandelwal
  • 3,790
  • 2
  • 11
  • 24
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,512
  • 3
  • 11
  • 23