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