Turn off iPhone/Safari input element rounding?

Question

My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website.Is there a way to instruct Safari (via CSS or metadata) not to round the input fields and render them rectangular as intended?

Answer 1

Well, this is a weird one.

This exact same question is posted in StackOverflow: Turn off iPhone/Safari input element rounding?

To answer your question here, all you need to do is add this to your CSS:

input {

border-radius: 0;

}

This will affect all input fields of all types.

Hope this helps.