Remove Form Autocomplete Background Colour on Mobile / Safari / iOS

Design help Custom code
1

Hello!

Hoping for some help with this pesky yellow background when iOS or Safari autocompletes an email address in a form ( see attached image)

IMG_DC58D8CD4290-1
IMG_DC58D8CD4290-11242×2688 98.6 KB

I’m looking to either change the colour to transparent or to simmply turn off the autucomplete - which I have managed to do on desktop (using Chrome) using this piece of code:

Webflow.push(function() {
// No autocomplete for all forms
$(‘form’).attr(‘autocomplete’, ‘off’);
});

But it doesnt seem to affect mobile devices (using Safari)

Does anyone have any tips on how to do this? Any help would be appreciated!

Here’s a link to the project:

https://preview.webflow.com/preview/harmonyldn?utm_medium=preview_link&utm_source=designer&utm_content=harmonyldn&preview=eed5ace8d77f92579212ed8367c04ecf&workflow=preview

Thanks!
Marina

Here is my site Read-Only: LINK
(how to share your site Read-Only link)