kanonji https://blog.hatena.ne.jp/kanonji/ kanonji’s diary https://kanonji.hatenadiary.com/ css ファイルアップロードのinput要素の横幅の扱いが、各ブラウザで異なるようなので、まずは比べてみました。 概要 input要素は下記の4種類を比べてみました。 size属性もwidthも無し。 size="30" width:300px; size="30" と width:300px; あ、size="30"とwidth:300px;は、別に同じ長さになるかとか確認してないです。 結果 下のほうに、スクリーンショットと、使用したhtmlソースコードがあります。 WebKit系のSafariとChromeは、そもそもinput type="file"で生成されるUIが特殊です。 size="3… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkanonji.hatenadiary.com%2Fentry%2F20090702%2F1246512037" title="ファイルアップロードのinput type=&quot;file&quot;にsize属性とwidthスタイルを適用してみたテスト - kanonji’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kanonji/20090702/20090702131136.jpg Hatena Blog https://hatena.blog 2009-07-02 14:20:37 rich https://kanonji.hatenadiary.com/entry/20090702/1246512037 1.0 100%