« ヤバファイル | メイン | camino 再び »

input タグの text と password

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

IE での表示結果
IEでの表示

Mozillaでの表示結果
Moaillaでの表示

ウチの環境では差はないなぁ。スキン入れているせいかなぁ。

とか思っていたら、Windows の IE は高さが違うようである。

フォームの大きさをそろえたい (All About)

ここではスタイルシートの height プロパティを使って pixel 指定で高さを揃えている。
僕が作成したサンプルの「スタイルシートで高さを指定」の input は em 指定で高さを指定しているのでが、 IE と Mozilla で表示が異なって見える。IE 、 em なんだからきっちり1文字空けろよコラ。

password を用いたフォームはほとんど作ったことがなかったので気がつかなかった。気をつけよう。

はやじょ、ありがとう。

トラックバック

このエントリーのトラックバックURL:
http://www.s-cut.net/cgi/blog/mt-tb.cgi/2124

コメント

まこじょ殿、こちらこそ調べてもらってありがとうね。
探し方が悪かったのか、いまいち回答を見つけられなかったので…すまんス。
で、結局CSSでheightを指定すればよいと。
つかinputタグにCSS適用したことはなかったなぁ。目からウロコです。

コメントを投稿

アーカイブ