Remove textarea inner shadow on Mobile Safari (iPhone)

Solution 1:

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

While adding the CSS style

-webkit-appearance: none;

will work, it gets rid of everything. You may want to try this instead:

box-shadow: none !important;

This way you keep the down-arrow.