javascript - スタイリング入力型ファイルボタン

Question

入力タイプのファイルボタンのスタイルについて質問があります。ファイル入力ボタンのスタイルを設定できないため、希望どおりにスタイルを設定できるdivを作成できますか?クリックすると、ブラウズウィンドウを開く入力タイプボタンがトリガーされますか? はいの場合、それを行う方法について何か提案はありますか? ありがとうございました。

Answer 1

はい、できます。これは、ファイル入力のスタイリングに最もよく使用されるハックの 1 つです。

http://www.quirksmode.org/dom/inputfile.htmlを見てください。

Answer 2

入力要素を非表示にして、スタイリングの目的で div を利用できるかもしれません..

<input type="file" id="myFileInput" onchange="$('#myFileDiv').text($(this).val());" style="display:none;" />
<div id="myFileDiv" onclick="$('#myFileInput').click();">
    Select File..
</div>