How to remove/hide the blue border line when someone click on a button

Question

How do I hide the blue border in this picture? Blue border button

Possible duplicate of [Remove blue border from css custom-styled button in Chrome](https://stackoverflow.com/questions/20340138/remove-blue-border-from-css-custom-styled-button-in-chrome) — Rubenxfd, Jul 19 '17 at 12:33

score 7 · Accepted Answer · answered Jul 19 '17 at 12:23

7

Just add this to the CSS: button:focus {outline:0;}

answered Jul 19 '17 at 12:23

Kamal Chhirang

score 1 · Answer 2 · answered Jul 19 '17 at 12:34

1

This is because of outline

Add this to your css

a:hover,
a:active,
a:focus,
input:hover,
input:active,
input:focus,
button:hover,
button:active,
button:focus {
  outline: 0;
}

answered Jul 19 '17 at 12:34

Dhaval Panchal

score 0 · Answer 3 · answered Jul 19 '17 at 12:33

0

Add following code,

button:focus { 
  outline: none; 
}

answered Jul 19 '17 at 12:33

Santhoshkumar

3 Answers3