LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
Default

IE Default (simulate)

MS UI Gothic

MS PGothic

Tahoma

IE で input[type="text"] と input[type="password"] に同じ size 属性を指定すると幅が異なる件

原因は IE のデフォルトスタイルシートで

  • input[type="text"] には MS UI Gothic
  • input[type="password"] には Tahoma

がそれぞれ指定されているため。

回避するには input[type="text"] と input[type="password"] の両方に同じ font-family を設定する。

個人的にはパスワードの「●」の文字が良い感じなので Tahoma に設定するのがオススメ。

もちろん、size 属性を使わず、font-family に依存しない単位で幅を指定していればそもそも問題なし。

Author : Neo

CSS
#iedefault input[type="text"] {
  font-family:"MS UI Gothic";
}

#iedefault input[type="password"] {
  font-family:"Tahoma";
}

#msuigothic input {
  font-family:"MS UI Gothic";
}

#mspgothic input {
  font-family:"MS Pゴシック", "MS PGothic"
}

#tahoma input {
  font-family:"Tahoma";
}

dt {
  font-weight:bold;
}

dd {
  margin-left:20px;
  margin-bottom:0.5em;
}

dl {
  width:200px;
  float:left;
}

div {
  margin-left:210px;
}

h1 {
  font-size:120%;
}
Term
Sat, 04/14/2018 - 20:43

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv