1

Ajaxを使用して作成しようとしている小さなデモ連絡フォームがあります。送信ボタンのスタイルを設定すると、パディングとフォントサイズが適切に設定されます。ただし、OSX Lionを実行している私のMacbookでは、ボタンはパディングや大きなフォントサイズなどがなく、デフォルトで表示されます。

私はこれを数回経験しましたが、これを修正する方法がわかりません。CSSスタイルは通常、すべてのオペレーティングシステムで同じように機能し、これによりループが発生します...

これが両方のコンピューターから撮った2つの画像のスクリーンショットで、私が何を意味するのかがわかります。

Windows 7

WIN7

OS X Lion

Mac OS X

Macスタイルをリセットするために使用する必要がある特別なプロパティルールはありますか？送信ボタンのフォントサイズ、パディング、色などを編集したいだけです。すべてのブラウザでもこのように動作します。

これについての助けに本当に感謝します！

編集：これが私のコードです

<input type="submit" name="submit" value="Send E-mail" id="sendbtn" class="sendbtn">

CSSファイル

form .sendbtn { display: block; font-size: 26px; padding: 3px 6px; }
4

2 に答える 2

2

現在、ブラウザ間でボタンを同じにするスタイルを指定していません。OSの各ブラウザは、ボタンにデフォルトのスタイルを使用します（テーマの影響もあります）。background、、などcolorを指定する必要がありますborder。

たとえば、これはブラウザ間で同じように見えるはずです。

form .sendbtn {
  display: block; 
  font-size: 26px; 
  padding: 3px 6px; 
  background:#eee;
  color:blue;
  border:none; /* or whatever */
}
于 2012-06-02T14:58:35.020 に答える
0

ボタンのcssにborderまたはbackgroundプロパティを追加すると、機能します。

于 2012-06-02T14:56:26.367 に答える