☰

Remove textarea inner shadow on Mobile Safari (iPhone) Ask Question

tag-icon • tag-icon iphone mobile mobile-safari
Remove textarea inner shadow on Mobile Safari (iPhone) Ask Question

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.

ベストアンサー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

おすすめ記事