2011-08-06 7 views
0

は、私は、HTMLコマンドボタン

<input type="button" style="height: 50px; width: 100px" value="button" /> 

これは私のwin7の/グーグルクロームでOK作品/ IE 8プラットフォームを使用して大きくしたことを彼らにいくつかのボタンで簡単なHTMLページをプログラムしますが、私がhtmlファイルのコピーをmacbook/safariの設定をした友人に渡したとき、ボタンは通常のhtmlボタンと違いはありませんでした。

私は、ボタンがブラウザよりもOSによって多くレンダリングされていることをオンラインで読んだが、これはおそらくその違いを説明している。私の質問は、私はテストする非Windowsマシンを持っていないということです、私はCSSでスタイリングを行う場合、ボタンはすべてのプラットフォームで同じだろうか?

答えて

2

これは予想される動作です、Andy。

ボタンのやbackgroundなどの項目を設定すると、ブラウザのデフォルトのボタンスタイル(デフォルトでは多くのブラウザではホストOSスタイル)が上書きされるため、プラットフォームに依存しないFacebookやStackOverflowのボタンのようなものです。

+0

それで、複数のプラットフォーム間で同じようにボタンを表示させることはできません。少なくとも、すべてのプラットフォームでボタンを大きくする方法はありますか? – Andy

+0

@Andy:ボタンのスタイルを変更した場合(たとえば、境界線を実線の四角形に変更した場合など)、ボタンはすべてのプラットフォームで同じスタイルで表示されます。 – foxy

+0

ああ、ありがとう。多くを助けます。 – Andy