Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
The new iPad puts a default border radius on all my input fields. How can I get rid of this default radius?
I verified that there is no border-radius property in the CSS and that there is no radius when the MacBook Pro renders my site, but the new iPad does indeed have a radius on the text input fields.
Are you sure it’s exclusive to the new iPad? Or might it be something pertaining to all iOS devices? I ask because the Safari browser in iOS devices does apply a specific styling to input elements.
You can, however, turn it off with this:
Do that and
border-radius: 0starts working just as you’d expect it to.This has been answered here a few times before: Turn off iPhone/Safari input element rounding.