inputタグのsize属性
状態:不明
閲覧数:3,915
投稿日:2012-02-01
更新日:2012-02-01
あるサイトで、レイアウト崩れに遭遇。
調べてみたら、原因は、「inputタグのsize属性」だったのでメモ
より正確には、
というか、直接のきっかけは、
font-size:100%;とかしたこと。
これまで、気にしたことなかったけど、
普通に、size='16'とかすると、
font-family、font-size指定の影響を受けるのね。
「sizeの値は文字数 → 入力欄の幅を文字数で指定」
FF9.0.1で見たら、テーブルwidth指定してるのに、突き破ったりしてるし…。
ちなみに、bootstrapてどうやってるんだろう？
と思ってみたら、フツーにピクセル指定してるだけだった。
やっぱそーなのか…
▼bootstrap.min.css (140 行目)
input.span3, textarea.span3, select.span3 {
display: inline-block;
float: none;
margin-left: 0;
width: 150px;
}
調べてみたら、原因は、「inputタグのsize属性」だったのでメモ
より正確には、
というか、直接のきっかけは、
font-size:100%;とかしたこと。
これまで、気にしたことなかったけど、
普通に、size='16'とかすると、
font-family、font-size指定の影響を受けるのね。
「sizeの値は文字数 → 入力欄の幅を文字数で指定」
FF9.0.1で見たら、テーブルwidth指定してるのに、突き破ったりしてるし…。
ちなみに、bootstrapてどうやってるんだろう？
と思ってみたら、フツーにピクセル指定してるだけだった。
やっぱそーなのか…
▼bootstrap.min.css (140 行目)
input.span3, textarea.span3, select.span3 {
display: inline-block;
float: none;
margin-left: 0;
width: 150px;
}