CODEWITHSUNDEEP
cssiospseudo-class
Martin Delille
Martin Delille

Reputation: 11780

Deactivate default a:active behaviour on ios

When clicking on a link in safari with ios, a grey, semi-opaque rectangle appears around the link. Is it possible to deactivate this behaviour?

Upvotes: 2

Views: 430

Answers (1)

joshnh
joshnh

Reputation: 8714

You certainly can, the simplest way would be to use the following:

-webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;

You can also change it to whatever colour you would like. Keep in mind that indicating that a link has been pressed is helpful to the user.

Upvotes: 3

Related Questions