CSS：MacのSafariが[送信ボタン]スタイルに準拠していません

Question

Windowsでは、ブラウザー（IE/Firefox/Chrome）に関係なく、FORM送信ボタンが増え、ボタンの間隔は6pxになります。 しかし、OS X（Mac）では、フォーム提出ボタンは全くスタイル設定されていません。意味、フォントサイズはデフォルトであり、パディングは適用されません。 OS X（Mac）でFORM送信ボタンをもっと大きくする方法はありますか？

Answer 1

イメージボタンを作成します。 Safariは、ボタン、チェックボックス、またはドロップダウンメニューなどのスタイルを設定しません。

Answer 2

スタイリングフォームのコントロールは非常に問題です。 this exampleを参照してください。他のブラウザではいくつかのスタイルが適用されますが、Safariではすべてのボタンがほぼ同じに見えます。

1つの解決方法は、onclick JavaScript属性の<div>を使用することです。この方法で標準的なCSSを通常どおり適用することができます。私はボタンを使って始め、JSを使ってプログレッシブ・エンハンスメントとして見栄えの良いコードに切り替えることをお勧めします。

Answer 3

Safari 4では、背景や枠線を設定しない限り、パディングとサイズは送信ボタンに反映されません。例：

代わりに私の記憶が正しければ、これはCSSのスタイリングのためのより良いサポートを持っている、 <input type="submit" />使用 <button type="submit">Submit Text</button>を使用しての

background: #ccc; /* without this, the other styles won't show up */  
font: normal 15px helvetica,arial,sans-serif; 
padding: 6px; 

Answer 4

。あなたのCSSにこれを追加する必要が

Answer 5

：

input { 
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
}