Remove blue focus on mobile devices

Design help Custom code
1

Hi there,

I’ve been looking… on webflow, on google but could not find the propr css trick to remove that light blue box when someone clicks on a link… I understand the usability concern for disable people… but for a photography website… I’d love to get rid of that blue box when someone clicks on a webflow link box :slight_smile:

I have tried the following, without any luck.

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none !important;
}

a {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

any idea ?

2

Hi Anthony, Does the behavior affect all browsers / devices or… ?

3

Hi Jeff,

Thanks for asking!
At the moment I could only test on android smartphone.

4

Could not replicate. Can you provide a URI and target for me to look at?

5

Sure !

Though now I think it might not be an issue about links but rather elements that are clickable… and still have blue box poping in and out on tap.

here is a screen recording of my issue with another project I did back then.
https://www.loom.com/share/e78adc6339eb4bc58042f73dbaa343a2

here is my read onlylink

here is the live website

Have a great weekend !!