0

通常の本文とまったく同じように見える入力フィールドがあります。特別な指定はありません。私のCSSリセットにはこれがあります…</p> 

input, textarea, button, select {
    margin: 0;
    font-size: 100%;
    line-height: normal;
    vertical-align: baseline;
}

入力フィールド内のテキストは、上のものよりも大きくなっています。例のスクリーンショットを参照してください。下の行は入力フィールドで、上の行は通常のテキストです。

ここに画像の説明を入力

これはすべてのブラウザで発生します。font-size入力を変更する場合、97%それはほぼ正しいでしょう。しかし、テキスト入力がフォントサイズを変更する理由がわかりませんか?

それについて何か考えはありますか？

4

2 に答える 2

3

本文から直接継承しないため、入力にも font-size を設定する必要があります。

これは、新しいブラウザーが独自の基本スタイルシートを使用して入力をフォーマットするためです。

http://jsfiddle.net/mjPE9/ (Firefox のデフォルトのフォントはセリフですが、別の方法で指定しない限り、入力は常にサンセリフ フォントになります)

Firebug を使用している場合は、[スタイル] タブのドロップダウンで [ユーザー エージェント スタイルを表示] をオンにすると、ブラウザが設定するすべてのユーザー エージェント スタイルを表示できます。使用されているファイルは forms.css です。システム上で簡単に見つけることができ、検索を行うと舞台裏で何が起こっているかを確認できます。

于 2012-08-02T11:54:29.473 に答える
0

これはあなたを助けるかもしれないと思います。http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_size

于 2012-08-02T12:07:14.800 に答える