2011年10月24日
input タグの幅を強制的に揃える
ブラウザごとに大きさが違うフォーム(input タグ)を、強制的に・・・という表現が相応しいかどうかは置いておき、とにかく揃える!
[html]
input {
font-family:Arial,Helvetica,sans-serif;
}
[/html]
size属性の値が、どんなブラウザをもってこようとも、同じ幅で表示されるようになります。
IE6だろうが9だろうが、ChromeでもFireFoxでも、それがMacのブラウザだろうとも。
CSSバグでよく苦労する。
フォームもとにかくややこしい。
いちいちclassばっかり使って、メンテナンス性が落ちてしまう事もあるので、さっぱり、最低限のソースで書ききりたいものです。