How to remove border around clicked button in html?

Question

I have recently started building a website and have started to make buttons on it. However, whenever I click the button, I get a blue border like this !

How should I get rid of this border? Thanks in advance!

Answer 1

Add this css to your button:

outline: none;

Answer 2

Just add :

button:focus {
    outline: none;
}

Answer 3

The way to remove this is to add this to the css of the button:

outline: 0;

If you don't want that line anywhere add this to your css:

* {
    outline: 0;
}

Answer 4

just add outline: none;

here's an example

#button
{
  width: 10px;
  height: 10px;
  z-index: -1;
  outline: none;
}