【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たん