html - 「ファイルを選択」ボタンのスタイリング

Question

「写真をアップロード」ボタンの後ろにある「ファイルを選択」ボタンを「マスク」する方法はありますか? 見栄えの良いボタンをクリックすると、ファイルブラウザが表示されますか?

ありがとう

score 5 · Accepted Answer

必要な部分：

要素に ID (または機能する「マーク」) を追加します<input type="file">。
が見えないように追加display:noneします。div#upload-wrap<input type="file">
onclick="document.getElementById('upload-field').click();"「写真をアップロード」ボタンに追加します。

score 0 · Accepted Answer

通行人が言ったように、<input type="file">要素を非表示にし、jquery（またはjavascript）でこれを追加する必要があります

$('#share-bottom button').click(function () {
        $('#upload-wrap-button').click();
    });

2 に答える 2