Wenn ich ein Datei-Upload-Feld habe,
%Vor%Es wird automatisch ein Text "Keine Datei ausgewählt" und eine Schaltfläche "Durchsuchen" erstellt.
Ich möchte den Text "Keine Datei ausgewählt" ändern oder entfernen.
Gibt es das eh in CSS oder Javascript?
Danke
Zunächst einmal. Sie müssen Ihre Eingabe ausblenden:
%Vor%Zweitens müssen Sie eine alternative Schaltfläche mit Ihrem Skin erstellen:
%Vor%und der letzte Schritt besteht darin, ein JavaScript-Skript zu erstellen, das eine alternative Schaltfläche mit der ursprünglichen verknüpft:
%Vor% Sie können den Wert der image -Eingabe mit jQuery auf "" setzen, um die ausgewählte Datei zu entfernen:
Siehe diese Geige:
HINWEIS: Dies hängt vom verwendeten Browser ab. Es funktioniert in FF 22 und Chrome 29.
Ich bin mir sicher, dass Sie die Standardbeschriftungen für Schaltflächen nicht ändern können, da diese in Browsern fest codiert sind (jeder Browser gibt die Schaltflächenbeschriftungen auf seine eigene Weise wieder). check this Stylingartikel
HTML:
%Vor%CSS:
%Vor%Sieh dir diese Geige an:
es funktioniert für Ihre Bedürfnisse.
diese Demo ist eine Referenz davon: stackoverflow-Frage LINK
Aus dem Autor: Ampersandre
Der No file chosen -Text hängt vollständig von der Rendering-Engine des Browsers ab - ich nehme an, dass Sie Chrome verwenden. Wenn Sie Firefox sehen, sehen Sie No file selected und in IE erhalten Sie eine ausgegraute Textbox ohne Wert. Dies kann nicht geändert werden.
Die Alternative besteht darin, ein Plugin zu verwenden (zB das ), das Ihnen die vollständige Kontrolle über das Plugin gibt Styling der Dateikontrolle.
Es ist Sache des Browsers, die Datei-Upload-Box zu rendern. Jeder tut das auf seine eigene Weise. Zum Beispiel kann ich in meinem Chrom den Text No file chosen sehen. Jemand, der Firefox benutzt, sieht möglicherweise etwas anderes. Es gibt keine direkte Möglichkeit, diesen Renderprozess zu steuern.
Allerdings gibt es einige Hacks, die verwendet werden können. Weitere Informationen finden Sie in diesem Link .
Dieser Text zeigt vom Browser verschiedenen Browser zeigen unterschiedliche Nachricht
chrome show = Keine Datei ausgewählt
mozilla show = keine Datei ausgewählt
und dasselbe wie ie
Tags und Links javascript html jquery css