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

Yes, there's a WebKit property for Mobile Safari designed to remove the inner shadow and rounded corners:

input {
    -webkit-appearance: none;
}