input ボックスの サイズが 大きければ 見たり 良くて クリックして 入力したり 良い.

美的な のと 使用性 ふたつ 違う 満たす 良い 方法だと 思う.

ところが css路 height を 指定すれば 困り果てる 仕事が 発生したり する.

高さが 高いのに 大きくては マン 上に ぴったり 付いて あるように なる のだ.

下は 皆 height: 25pxを inputに 準 場合だ.

IE6から 8銀 入力 フィールド 左側慰労 テキストが ぴったり 付いて 捨てる チォナンガムした 事態が 発生する

ファイアフォックス4増えた 上下を 基準で 中 来るように 整列して 与える. 左側は ぴったり 付くが IEのように 醜くは ない.

IE9銀 それさえも まどろみ ましだ

これは IE7で paddingを 5px路 指定した やつだ.

IE7で padding 5px 指定

どうな ブラウザーでも padding:5pxイン 蟹 heightを 指定する より もっと ましだ.

submit ボタンと 入力 ボックスが お互いに 竝びが まどろみ 中 当たる 蟹 あるのに, これは submit ボタンに vertical-align: top を 与えて 解決する.

インプット ボックス 高さを 指定しながら 格好よく 作る 違う 方法

@dohoons 様が 知らせて 準 方法載せる.

heightを 指定して line-heightを heightわ 等しく 指定して 与えれば なると する.

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。