■ はじめに
* IE10で、inputタグの width を指定したにもかかわらず、幅がずれる * よくよく観察すると、崩れているのは、inputタグの type="text" と type="password" で差異が出ている * ひょっとしたら、placeholder(HTML5)を指定してたらこれも影響しているかも
■ 原因
<input type="text"> タグ、 <input type="password"> タグで、デフォルトのフォントが異なる。 このデフォルトのフォントが異なることにより、テキストボックスの幅に違いが生じるため
■ 解決策
* フォントの種類「font-family: XXXX;」を明示的に指定する input { font-family:Tahoma; }
注意
<input type="text" name="sample1" style="font-family: Tahoma; width: 200px;" placeholder="Text"></br> <input type="password" name="sample2" style="font-family: Tahoma; width: 200px;" placeholder="Password"></br> では不十分だった。 # 恐らく、placeholderのフォントも関係ある?
参考文献
https://support.microsoft.com/kb/831331/ja?wa=wsignin1.0http://negimochix2.blogspot.jp/2009/06/ieinputtextpassword.html