0

基本的に<input type="file" />、div 内に があり、その入力のテキスト ボックス部分を div 全体に塗りつぶしたいと考えています。理想的には、ボタン パーツは親 div の外にあり、クリックできないようにします。を使用して幅を設定できましたsizeが、高さを設定できないようです。ここで私が話していることの例を見ることができます: http://jsfiddle.net/LrpFn/1/

input type=file のスタイリングに関する情報をいくつか見つけましたが、そのほとんどはボタンのスタイリングに関連しています。テキストボックスの高さを設定することはできますか?

私の最終目標は、人々がファイルをドラッグ アンド ドロップできる div を作成することです。そのため、この div 全体を入力のテキスト領域で埋めてopacityから 0 に設定することを計画しています。他の提案も受け付けています...

4

2 に答える 2

2

ファイルドロップの使用を検討しましたか? 古いブラウザはサポートしていませんが、入力はまったく必要ありません。

http://www.html5rocks.com/en/tutorials/dnd/basics/

于 2012-08-30T05:53:28.710 に答える
0

スタイルを設定するためにできることはあまりありませんinput[type="file"]。

ただし、いつでもそこにダミーの入力を配置し (好きなようにスタイルを設定できます)、正しい入力を上に配置して、opacity: 0見えないようにすることができますが、ダミー要素をクリックすると正しい入力がアクティブになります。

于 2012-08-30T05:50:50.110 に答える