Unable to disable iOS webkit default input field styling

[learyjk (Keegan Leary - Web Bae)]

Hello,

Looking at some other forum posts and doing my best googling, I’ve added the following custom code in an attempt to disable some default iOS styling to an email input field.

<style>
	input[type="text"],
	input[type="button"],
	input[type="submit"],
    input[type="email"],
  	.text-field
  	.textarea
  	
{   
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
}
</style>

Unfortunately, the bottom input field in the foot still gets some little rounded-ness on mobile.

Any thoughts?

Thank you!

---

Here is my site Read-Only: Webflow - Slope

[Andrew_Coderre (coderreco)]

Hey again,

Try adding border-radius: 0; to the code.

[learyjk (Keegan Leary - Web Bae)]

Nailed it @Andrew_Coderre.

Can’t thank you enough for the help today.

[Andrew_Coderre (coderreco)]

Glad I can help @learyjk !