iosのsafariでsubmitに適用されてしまうCSSをリセットする方法

フォームのボタンを設置した時にiosのsafariで
デフォルトのCSS(丸角になる)が適用されてしまう現象を回避する方法です。
以下のCSSをファイルに追加することで回避ができます。

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
PAGE TOP