removing border around button on tap

Question

When I tap the button, this orange box around the button shows up. Is there any way to prevent it from showing up?

Show you code and what you already tried (CSS and HTML in this case, but mainly CSS) — Dylan Kas, Jul 24 '19 at 07:07

score 3 · Answer 1 · answered Jul 24 '19 at 07:08

3

You need to remove button border on focus by adding below css:

button:focus {outline:0;}

answered Jul 24 '19 at 07:08

Vikas Jadhav

Dylan Kas · Answer 2 · 2019-07-24T07:11:41.197

2

You could use the outline property :

.yourButton:focus{
   outline:none;
}

edited Jul 24 '19 at 07:11

answered Jul 24 '19 at 07:08

Dylan Kas

1

This will not work you need to remove border on focus – Vikas Jadhav Jul 24 '19 at 07:11
Good point, will modify it – Dylan Kas Jul 24 '19 at 07:11

2 Answers2