How To Remove Rounded corners on Input Fields iPad and iPhone

Add the following to your CSS to remove the rounded corners on input form on iOS, iPad, iPhone & Co:

/* iOS hack */
textarea, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

One thought on “How To Remove Rounded corners on Input Fields iPad and iPhone”

  1. Thank you so much for this! It bugs me every time I look at my sites on my iPhone , but then it slips my mind when I get back to my desk. Unfortunately the mobile testing tools do not show the rounded corners, only the devices.

Leave a Reply

Your email address will not be published. Required fields are marked *