Remove iOS Form Styles

</ head>

<!--Removes iOS form styling--> 
<style>
/* Set css appearance to none & border radius to 0 */
input, textarea {
  -webkit-appearance: none; /* webkit browsers */
  -moz-appearance: none; /* firefox browser */
  appearance: none;
  border-radius: 0;  
}
</style>

</ body>

HTML/Embed

<!--Removes iOS form styling--> 
<style>
/* Set css appearance to none & border radius to 0 */
input, textarea {
  -webkit-appearance: none; /* webkit browsers */
  -moz-appearance: none; /* firefox browser */
  appearance: none;
  border-radius: 0;  
}
</style>

Only tabs with a " " have code.

Author

N/A

Updated on

May 30, 2022

Demo

See Demo

How to use:

Simply place this small bit of CSS in the </ head> code section of your websites global custom code settings.

Follow Simple Steps:

Copy code by tapping the copy button in the upper right of the code block above.
Go to your global custom code settings (Site Settings > Custom Code)
Paste & Save