Skip to content

Instantly share code, notes, and snippets.

@morenojavier
Created October 20, 2017 17:15
Show Gist options
  • Save morenojavier/6eddcd262c478a7e94bfe66a2187bcff to your computer and use it in GitHub Desktop.
Save morenojavier/6eddcd262c478a7e94bfe66a2187bcff to your computer and use it in GitHub Desktop.
Cambio de estilo en un form a un input file con CSS
<!-- HTML -->
<label for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Custom Upload
</label>
<input id="file-upload" type="file"/>
/* CSS */
input[type="file"] {
display: none;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment