Streaming live at 10am (PST)

Remove blue focus on mobile devices

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 ?

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

Hi Jeff,

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

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

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.

here is my read onlylink

here is the live website

Have a great weekend !!