Remove blue edge on button when pressed


#1

Hi,

I have a small problem with buttons when they are pressed it appears a small blue edge around the button ( see picture below )

and I can’t find where I could remove this effect, any help ??

Thank you !!!

04


Thibaud


#2

I definitely have the same issue and wondering too about the fix if possible.

Thanks!


#3

Can you post your share link?


#4

Just created a site with only a button so you can see the problem

https://preview.webflow.com/preview/thibauds-supercool-project?preview=1b379bd02674f20707e6b2f8fc1a3e21

update
Hmm… I’m using chrome and I just try on safari and I don’t have this blue shadow…

It looks that chrome is creating this… Do you know how I can solve that ?

Thank you


#5

Yeah, I’ve never noticed this before. It’s a browser function on form submission buttons only. I just checked a few of my old sites and some do this and some don’t. I can’t tell why. On some sites, that focus state pulls from the button color itself, and use a 30% screen of it. For example, I have a gold button on one form and the highlight state comes up as a light gold (not blue). So I tried changing your button to a different color to see if the same would apply but it’s still coming up blue.

Also, when on a live site, when someone submits a from request, this state happens so fast and disappears, it’s barely noticeable. It’s built-in accessibility thing.

Sorry!!