【CSSデザイン】iOS_Safariのinput要素のグラデーションを適用させたくない時の対処方法

ページ制作時のとてもピンポイントな課題です。

iOS Safariのinputボタンのデザイン
背景色を指定してもボーダーを変えても
グラデーションスタイルが残ります。
※2020年10月現在

回避方法

これを回避するためには、
ボタン要素に下記のプロパティを指定します。

-webkit-appearance: none;

例：
<input type="button" style="-webkit-appearance: none;">

これで自身で指定したスタイルを
適用する事が出来ます。

補足

OS/ブラウザの統一性を持たせるために
デフォルトスタイルが用意されていると思います。
個人的にはサイトのデザインを優先させたいですが
これは各々考えがあると思います。。。