This blue box appears only in mobile view. I have tried to set :focus{ outline:none;} and :active{outline:none;}. Also tried using -webkit-tap-highlight-color: transparent;. But it doesn't work.
Asked
Active
Viewed 872 times
2 Answers
0
Can you share the code? You need to do -webkit-tap-highlight-color: transparent; however, it could be that the selector you have for that element is not right
-
I was using -webkit-tap-highlight-color: transparent; on the wrong selector as you say. Silly me. Thank you for the help. – Vandana Gowda Feb 10 '21 at 18:17
0
It looks like this is a feature specific to Chrome. When I tried adding the following CSS from this previous question, it seemed to resolve the issue:
.gooey-selected {
-webkit-tap-highlight-color: transparent;
}
Jay
- 1
- 2
-
I was using -webkit-tap-highlight-color: transparent; on the wrong selector . Thank you for the help. – Vandana Gowda Feb 10 '21 at 18:17