1

次のパディングがあります：padding:12px 24px;入力ボタン用とチェックボックス用のラベル。フォントは body16px Arialで設定され、他のすべてのフォント サイズは継承されます。border:0;すべての要素に。ブラウザーがボタンの高さに 1px を追加するのはなぜですか? したがって、ラベルの高さが 42px の場合、ボタンの高さは 43px です。これは、Chrome と Firefox で発生します。

ボタンとラベルの高さを同じにする方法は?

ここに画像の説明を入力 ここに画像の説明を入力

コードの一部

<input type='checkbox' name='remember' id="remember"/><label for="remember" >Remember me</label> <input type='submit' value='Sign in' id='signin-button' />(HTML フォーム内)

4

2 に答える 2

2

を追加してみてくださいline-height: 17px;。行の高さを既に試している場合は申し訳ありません。

于 2012-07-20T12:56:13.353 に答える
1

確かではありませんが、おそらくフォントの行の高さと、HTML のさまざまな要素での処理方法に帰着します。

次のように CSS で高さを強制してみてください。

#signin-button { height: 42px!important; border: none!important; overflow: hidden; }

私は通常、原則として要素の正確な高さを設定することに反対していますが、この場合、それは単に仕事をし、適切であるかもしれません.

幸運を。

于 2012-07-20T12:22:42.287 に答える