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.

Answer: 
Sometimes you can have a stylesheet there broke the `appearance: none;` so a way to fix it when that happens is to use `caret`. The best way will be to rewrite your code and find out what's part of your code there mess up the style for `none`

Before using `caret` you need to know that it can get you some trouble with other styles

```
-webkit-appearance: caret;
   -moz-appearance: caret;
     -o-appearance: caret;
        appearance: caret;

```

> 
> **NOTE:** Use `none`, `caret` is not the optimal.
> 
> 
>
<https://stackoverflow.com/a/51626446/9287284>

> 
> `background-clip: padding-box;` 
> 
> 
> 

and I found an older same answers comment at here.

<https://stackoverflow.com/a/29750016/9287284>