Topテクニックメモスタイルシートネタ > inputの見え方サイズの違い

inputの見え方サイズの違い

書き込みが出来るinputのテキストエリアなど「size」で一見大きさを設定できるように思えますが、ブラウザによって表示される長さが違ったりします。
特にMacのサファリだと、驚くくらい長さが違って見えたりします。
※1.5倍くらいに見えるかも…(^_^;)

inputの長さを全てのブラウザで統一したい場合は、スタイルシートで長さを指定したほうが良いです。


<input type="text" name="name" size="30" maxlength="30" value="サンプル" class="textsize">

※ちなみに上記HTMLの意味
size="" 入力フィールドの横幅を数値で指定します
maxlength="" 入力できる最大文字数を指定します

textsize{ width:400px; }
これで、全てのブラウザで400pxの長さで表示されます。

「inputの見え方サイズの違い」関連本

Akasa Rira
みつけたきせき