+ 7

Outline On Mobile

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

10th Nov 2020, 4:26 PM
Harshit Srivastava
Harshit Srivastava - avatar
8 Answers
+ 9
Try this: -webkit-tap-highlight-color:rgba(0,0,0,0) and outline:none
10th Nov 2020, 5:37 PM
Space Kitty
Space Kitty - avatar
+ 8
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.
10th Nov 2020, 4:57 PM
Galaxy-Coding (inactive)
Galaxy-Coding (inactive) - avatar
+ 6
Harshit Srivastava You're welcome 😁
11th Nov 2020, 12:09 PM
Space Kitty
Space Kitty - avatar
+ 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>
10th Nov 2020, 5:02 PM
ANDY тнє CODER [RECODE]
ANDY тнє CODER [RECODE] - avatar
+ 3
𓂀ΛUSGΞFUΗRΓ I tried but this didn't work.
11th Nov 2020, 3:47 AM
Harshit Srivastava
Harshit Srivastava - avatar
+ 3
11th Nov 2020, 3:47 AM
Harshit Srivastava
Harshit Srivastava - avatar
+ 3
Galaxy-Coding (use the search bar) Thanks! Will definitely check those websites out
11th Nov 2020, 3:48 AM
Harshit Srivastava
Harshit Srivastava - avatar
+ 3
Space Kitty Thanks! It's working!
11th Nov 2020, 3:48 AM
Harshit Srivastava
Harshit Srivastava - avatar