【IE事情】フォームのinputタグ：textとpassword

さすがにこれはないと思った，IE事情その２．

よく，ユーザ名，パスワードでログインってありますよね．

まあ，それを作ろうとしてたんだが・・・


▲[Firefox]計画通り


▲[IE](；・∀・)ﾊｯ?

ﾍ(ﾟдﾟ)ﾉ ﾅﾆｺﾚ?

size属性一緒にしてるのに何で長さ違うの？つーか何故，サイズまで違うｗ

ググってみたところ・・・
http://support.microsoft.com/kb/831331/ja

なんと！
inputタグのtypeが

textのときは"MS UI Gothic"！
passwordのときは"Tahoma"！

がデフォルトフォントなのだー！

これがIEの仕様（笑）

( ´ﾟдﾟ｀)ｴｰ

しかも，XP以前のバージョンでは"MS UI Gothic"で統一されていた！

(; ･`д･´)な、なんだってー!!

なぜ変えたし．

何てWebデザイナー泣かせなブラウザ．IEたん．


ということで，解決策としては，

<input style="font-family:Tahoma" type="text" size="20">
<input style="font-family:Tahoma" type="password" size="20">

とする．
いや，むしろ，いっそのこと，外部CSSファイルに，

input {
  font-family:Tahoma;
}

と書いておく．

結果，


▲素直な性格の狐火たん


▲デザイナーに対してツンデレなIEたん