iphonemobilemobile-safari

Remove textarea inner shadow on Mobile Safari (iPhone)

By default, it seems Mobile Safari adds the top inner shadow to all input fields, including textarea. Is there a way to remove it?

It's especially ugly when you have a white background.

Solution

  • By adding this css style:

      appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

    As per https://developer.mozilla.org/en-US/docs/Web/CSS/appearance