検索

ホームページ  >  に質問  >  本文

input type=file を画像に置き換えます

多くの人と同じように、私も醜い input type=file をカスタマイズしたかったのですが、ハックや javascript がなければそれができないことはわかっていました。ただし、問題は、私の場合、ファイルアップロードボタンは画像(jpeg|jpg|png|gif)をアップロードするためだけであるため、「clickable」を使用できるかどうかを知りたいということです" 画像は入力タイプのファイルとまったく同じです (ダイアログ ボックスが表示され、送信されたページには同じ $_FILE が表示されます)。

ここでいくつかの回避策を見つけましたが、これも興味深いものです (ただし、Chrome =/ では機能しません)。

ファイル ボタンにスタイルを追加したい場合、どうしますか?これについてご意見がございましたら、回答ボタンを押してください ;)

P粉567281015P粉567281015484日前759

全員に返信(1)返信します

  • P粉158473780

    P粉1584737802023-10-14 10:09:12

    これは私にとってはうまくいきます:

    リーリー リーリー

    基本的に、ラベルの for 属性により、ラベルをクリックすることは、指定された入力をクリックすることと同じになります。 また、表示プロパティを none に設定すると、ファイル入力がまったくレンダリングされなくなり、きれいに非表示になります。

    Chrome でテスト済みですが、Web によれば、すべての主要なブラウザで動作するはずです。 :)

    ######編集:### JSFiddle がここに追加されました:

    https://jsfiddle.net/c5s42vdz/

    返事
    0
  • キャンセル返事