input type=file を画像に置き換えます
P粉567281015
P粉567281015 2023-10-13 13:47:35
0
1
720

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

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

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

P粉567281015
P粉567281015

全員に返信(1)
P粉158473780

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

リーリー リーリー

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

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

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

https://jsfiddle.net/c5s42vdz/

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート