Custom 'Upload' Button?
Schönen guten Abend!
Ich baue derzeit eine kleine Website mit einer Upload Funktion für beispielsweise Videos und Bilder.
Dazu benötige ich das HTML-Element input mit dem Type file.
Während man beispielsweise normale Eingabefelder mit dem Type text etc. gut selbst 'darstellen' kann, fängt es beim type="file" schon an, dass man den Value des Buttons nicht selsbt bestimmen kann. Mal davon abgesehen, dass der im Button enthaltene Text von Browser zu Browser variiert.
Nun aber zur eigentlichen Frage:
Wie kann ich einen benutzerdefinierten File-Upload definieren?
LG
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, Webseite
Style das passende label-Element und blende den Button dafür aus.
Schnelles Beispiel:
HTML:
<label for="upload">Upload</label>
<input id="upload" type="file">
CSS:
input[type="file"] {
display: none;
}
label {
background: green;
border: 1px solid;
padding: 5px;
}