shortcut Webデザインとかガジェットについてつらつらと書き連ねています

input タグの text と password

タブ型ダイアログで「input タグの text と password は IE では高さが違う」とのコメントがあったので、ちょっと調べてみた。
IE での表示結果

Mozillaでの表示結果

ウチの環境では差はないなぁ。スキン入れているせいかなぁ。
とか思っていたら、Windows の IE は高さが違うようである。
フォームの大きさをそろえたい (All About)
ここではスタイルシートの height プロパティを使って pixel 指定で高さを揃えている。
僕が作成したサンプルの「スタイルシートで高さを指定」の input は em 指定で高さを指定しているのでが、 IE と Mozilla で表示が異なって見える。IE 、 em なんだからきっちり1文字空けろよコラ。
password を用いたフォームはほとんど作ったことがなかったので気がつかなかった。気をつけよう。
はやじょ、ありがとう。