How can I remove the border style from a text input on mobile safari?

Question

If I have a normal input element it will show a rounded border with what appears to be an inset shadow.

Any ideas how I can remove this shadow?

Answer 1

Try

-webkit-appearance: none;

Answer 2

If you just want to remove the blue border use this: -webkit-focus-ring-color: none