inputの見え方サイズの違い：スタイルシートメモ

inputの見え方サイズの違い：スタイルシートメモ

書き込みが出来るinputのテキストエリアなど「size」で一見大きさを設定できるように思えますが、ブラウ...概要を表示 書き込みが出来る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の長さで表示されます。