mobile safariでinputがグレーになる現象とその解決策

iPhoneのsafariでinputボタンがグレーになる現象が発生していた。
リモートデバッグで開発者モードにして調査したところ、ユーザーエージェントスタイルが効いてグレーになっていた。chromeで同一ページをみたところグレーにはなっていないことから、やはりsafariの仕様らしいと見当つけた。

• webkit-appearance:none;

をつけてあげることで解消できた！

input[type="button"],input[type="submit"] {
-webkit-appearance: none;
}