Firefoxで表示するために<input type = 'file' />の幅を設定する方法はありますか?

All the CSS attributes apply to the <input type='file'/> don't work on FF, but work on most other browsers.

ちょうど幅を設定することはできません。どんな解決策ですか?いいえJSしてください。

12

3 答え

サイズ属性を設定しましたか?

<input type="file" name="datafile" size="40">

FirefoxはCSSを介してサイズを設定することはできません。

19
追加された
これは機能しません。非常に長いファイル名を選択しても、入力フィールドの境界を超えています。
追加された 著者 citizen conn,
属性 'サイズ'は文字数(フォントとフォントサイズに依存)で測定され、測定するのは難しい
追加された 著者 jondinham,
それはまだ唯一の方法です。それ以外に、あなたがしようとしていることは、FFがそれをサポートしていないため不可能です。
追加された 著者 Chris Felstead,

もし誰かがまだこのスレッドを見つけたら、私は手がかりを持っていないだろうが、ただの場合...

input[type="file"] {
max-width: 100%;
}

...私のために働いた。オーバーラップを切断しますが、少なくともオーバーラップまたはアンダーラップしません

10
追加された
これは最高の答えです。
追加された 著者 Adam,

仮に

<input type="file" name="file_to_upload" id="file_to_upload" style="max-width:75px;"> 

私のためにFF 37.0.1で働いています。しかし、おそらく古いバージョンでは動作しません

1
追加された