Input File Stylen

[konzule]

Guten Morgen,
ich suche nach einer Lösung ein Input Textfeld zu Stylen. Und zwar habe ich eine Box in der sich dieses Feld befindet, leider ragt dieses darüber hinaus. Z.b (Durchsuchen...) Keine Datei ausgewählt.
Gibt es irgendeine möglichkeit das "Keine Datei ausgewählt" unter den Durchsuchen Button zu schieben?
Steht grad mächtig auf der Leitung.

Gruss Konzule

 

[nookie]

Es gibt viele Möglichkeiten soetwas anzugehen.

http://www.patrick-saar.de/artikel/button-eines-input-type-file-elements-mit-css-stylen
http://geniuscarrier.com/how-to-style-a-html-file-upload-button-in-pure-css/

Schau dir mal das letzte Tutorial dazu an.

 

[pax]

Aber Achtung! Einige Browser, besonders bei mobilen Geräten reagieren sehr empfindlich auf so etwas. Viele werten einen Javascript-Klick als Sicherheitsproblem und verweigern den Fileupload.
Wann immer du den originalen Uploadbutton versteckst und indirekt aktivierst, solltest du genau testen ob das auf den von dir gewünschten Zielgeräten funktioniert.