iOSのフォーム(inputやtextarea)要素に標準で適用されているボックスシャドウですが、フォームを自作でデザインする際などに、CSSにbox-shadowを指定してもボックスシャドウが無効にできない時の解決方法になります。 見た目から推測すると、iOSのinput要素には、CSSで「box-shadow」が標準で適用されているように思えるのですが、実際に適用されているのはグラデーションを指定する時に使う「-webkit-gradient」です。 以下、CSSでWebkit向けのベンダープレフィックスを使用した変更方法にりますので、iOSでSafariやChromeでの表示結果を確認しながら作業してください。 グラデーション(シャドウ)の量や濃さは「-webkit-gradient」で調整 グラデーションの量や濃さを変更するのであれば「-webkit-gradient」を使用して調
![CSS:iOSのフォームのボックスシャドウはbox-shadowではなかった件](https://cdn-ak-scissors.b.st-hatena.com/image/square/255e6075318a9f348a8814eeb4c85ebe66ae2e03/height=288;version=1;width=512/https%3A%2F%2Fpressstocker.com%2Fwp-content%2Fthemes%2Fpressstocker%2Fimages%2Fogp-logo.png)