Icon als Inputfeld ?

[ThisIsBeat]

Hallo Community,

ich erkläre mal eben was ich vorhabe. Ich habe folgendes Input Feld:

<input type="file" name="datei"><br>

Dadurch wird ein Button erzeugt namens "Datei auswählen". Klickt man auf diesen Button so öffnet sich eine Schaltfläche womit man Dateien auswählen kann.

Nun zu dem was ich vorhabe. Ich würde gerne ein Icon anstelle von Datei auswählen setzen.

Bspw. möchte ich auf dieses Icon klicken:

<i class="fa fa-camera fa-2x" aria-hidden="true"></i>

und daraufhin soll sich die Schaltfläche zur Dateiauswahl öffnen. Im Prinzip soll also die ganze Input Aktion über den Klick auf das Icon ausgelöst werden

Jemand ne Idee wie das geht ?

 

[f4ME]

So etwas mal probiert ?
http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

 

[ThisIsBeat]

@f4ME Hey super genau sowas habe ich gesucht Vielen Dank !