Outline On Mobile

Question

Whenever the user clicks on the div, a box/outline appears around the div on mobile (only on mobile). Can someone tell how can I fix this?

https://code.sololearn.com/Wx7kMh2h3O8b/?ref=app

Answer 1

Try this:
-webkit-tap-highlight-color:rgba(0,0,0,0)
and
outline:none

Answer 2

Different browsers have different outputs.
https://caniuse.com has a collection of what you can use and can’t use on different browsers
Go to https://browserling.com or https://browserstack.com to test your website on a different device.

Answer 3

Harshit Srivastava You're welcome 😁

Answer 4

Harshit Srivastava
Check this out with materialize CSS to get the expected output:-

<a href="#!" class="waves-effect waves-circle btn-floating waves-red btn" style="padding:40px;justify-content:center;border-radius:30px;width:200px;height:100px;">press me</a>

Answer 5

𓂀ΛUSGΞFUΗRΓ I tried but this didn't work.

Answer 6

ANDY тнє CODER Ok, Thanks

Answer 7

Galaxy-Coding (use the search bar) Thanks! Will definitely check those websites out

Answer 8

Space Kitty Thanks! It's working!