Autofill is changing styling

[chocpretz]

How do I prevent my browser from changing my email input styling?

1. First image is how I want things to always look.
2. Second image is OK because autofill doesn’t recognize that email.
3. Third image email input styling is changed because the browser is autofilling the email.

Thanks!

[Broberto]

I don’t think you can do this in a simple way. It’s a browser thing and this means that every browser handles this differently.

You could do it like this, but you won’t see the changes in the editor, since it only applies to the published thing.

Removing input background colour for Chrome autocomplete?

[chocpretz]

Ah that’s a bummer. Really ruins the UI I’ve been trying to design. Thank you.

[Broberto]

You can still do this, but it wont be effective until you publish the project.

[chocpretz]

Thanks - the link you shared covers chrome only or will non-chrome browsers also work using that?

[Broberto]

I think you’ll need to look up the others, as it’s a browser thing and each might be slightly different.