【CSS】input type=”submit”のスタイルが変わらない？

しょうもない話だけど、こないだプチハマった出来事を。

下記のようなスタイルを宣言したところ、思った通りのスタイルにならなかった。

// sample.css
input[type="submit"] {
  padding: 1em 2em;
}

// sample.html
<input type="submit">

表示結果：

あれ？Safariだけおかしい。
余白が適用されていない。

なんでかなーと思ったら、border-styleのプロパティによるみたい。

CSSのスタイルに、

border-style:none;

とか追加したら、Safariも他のブラウザと同じように余白が設定されました。