Wie Sie Stil, form-Datei Felder mit zurb foundation?
Ich versuche eine Schaltfläche erstellen, die mit Zurb Foundation mit Schienen für das hochladen eines Bildes. Ich versuchte dies:
<input class="tiny round disabled button" name="picture[picture]" type="file">
Leider, es hat nicht funktioniert und erstellt zwei verschiedene Schaltflächen, mit die Sie wählen Sie ein Bild aus. Gibt es irgendetwas, was ich tun müssen, die speziell für die Datei-Felder?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich gefunden habe, diese Ressource sehr hilfreich sein, mit styling input type="file" :
http://www.quirksmode.org/dom/inputfile.html
Es ist notorisch schwierig, aber diese beinhaltet im wesentlichen die Schichtung der eigentliche Eingang mit einem gefälschten eine, die Ihre styling angewendet werden.
Gehen mit den folgenden CSS:
Benutzerdefinierte Datei-upload-button mit html css und js
Html-code:
CSS:
JS-CODE:
http://codepen.io/wallaceerick/pen/fEdrz überprüfen Sie diese ein für vollständige details
Der trick ist, etwas zu tun, die wie folgt aussieht:
HTML
CSS
Über foundation v5.5.2: http://codepen.io/soyuka/pen/xGMPKJ