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

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?

Try

-webkit-appearance: none;

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