ich auszurichten habe den folgenden Code:Wie input type Datei
Select a picture: <input name="userfile" type="file" />
und ich dieses Ergebnis:
Ich möchte beide haben das "Wählen Sie ein Bild" text und die Eingabe in der gleichen Zeile (links-rechts) nicht von oben nach unten.
Ich kann auch nicht herausfinden, woher der Text "Keine Datei ausgewählt" kommt. Ich würde gerne diesen Text entfernen.
Vielen Dank im Voraus
für "Keine Datei ausgewählt" text Verwendung folgenden css
input{
width: 80px;
overflow: hidden;
}
Dank Entfernen
Das funktioniert aber dann mein Die Eingabe wird 80px sein, unabhängig von der Auflösung oder Größe des Bildschirms. Ich würde gerne eine Lösung finden, bei der ich die Größe der zu schneidenden Eingabe des "Keine Datei ausgewählt" Textes nicht definieren muss. Vielen Dank – Sam
Sie in begrenzt sind, was Sie mit CSS auf eine Datei tun können Eingabeschaltfläche Ich habe ein jQuery-Plugin erstellt, mit dem Sie eine normale Schaltfläche als Dateieingabefeld verwenden können, die Sie ganz nach Ihren Wünschen gestalten können.
Überprüfen Sie es auf Github.
$("#mybtn").fileUpload();
Hier ist ein fiddle.
Ich weiß, dass Sie nicht jQuery oder Javascript getaggt haben, aber wie ich schon sagte, ist CSS in seiner Fähigkeit beschränkt, die Dateieingabetypen zu stylen.
Danke dafür! Viel schöneres Hochladen als nur den Standard-HTML-Formular-Upload. – BrettJ
ok, für das Problem, den Text und die Eingabe vertikal auszurichten, fand ich eine rudimentäre Lösung. Verwenden Sie einfach eine Tabelle:
<table><tr><td><font style="font-size: 3vh; color:grey">Select a picture: </td>
<td><input name="userfile" type="file" accept=".jpg, .png, .jpeg"/></font></td> </tr>
</table>
Können Sie Ihre CSS teilen? – Wowsk
@Wowsk Ich habe nicht wirklich CSS. Alles, was ich getan habe, war '