4

次のコード:

<input style="height: 80px; width: 200px;" value="test button">

Windows、Linux などで正常に動作します。ただし、Mac は<input>タグにシステム ボタン スタイルを使用します。これらにはカスタムの高さを指定できないようです (Firefox はシステム ボタンのスタイルをオーバーライドするので問題ありませんが、Mac の Chrome と Safari には以下の問題があります)。

幅 80 ピクセル、高さ 200 ピクセルのボタンの代わりに、Mac ボタン スタイルと上下にギャップがあります。幅がうまく設定されます。

Mac の Chrome と Safari で背の高いボタンが表示されるようにするには、これをオーバーライドするにはどうすればよいですか?

編集：Macで何が起こるか：これが起こる Mac 入力{ 高さ: 200px; } 問題
べきことです（Windows、Linuxで動作します）：

通常の入力{ 高さ: 200px; }

4

2 に答える 2

8

追加 ：

input[type=button] {
    -webkit-appearance: button;
}

あなたのCSSで:-)

このプロパティが取り得るすべての値のリストを次に示します。デフォルトでは、WebKit はボタンに (高さが固定された) カスタム スタイルを使用します。

于 2012-06-13T06:43:33.827 に答える
1

type="button" を追加してから試してください

<input style="height: 80px; width: 200px;" value="test button" type="button">
于 2012-06-13T06:42:09.677 に答える