Streaming live at 10am (PST)

Unable to disable iOS webkit default input field styling

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

Hey again,

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

Nailed it @Andrew_Coderre.

Can’t thank you enough for the help today.

1 Like

Glad I can help @learyjk !

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.