2011年10月24日

input タグの幅を強制的に揃える

投稿者: 管理者

ブラウザごとに大きさが違うフォーム(input タグ)を、強制的に・・・という表現が相応しいかどうかは置いておき、とにかく揃える!

[html]
input {
font-family:Arial,Helvetica,sans-serif;
}
[/html]

size属性の値が、どんなブラウザをもってこようとも、同じ幅で表示されるようになります。
IE6だろうが9だろうが、ChromeでもFireFoxでも、それがMacのブラウザだろうとも。

CSSバグでよく苦労する。
フォームもとにかくややこしい。

いちいちclassばっかり使って、メンテナンス性が落ちてしまう事もあるので、さっぱり、最低限のソースで書ききりたいものです。