Skip to content

Instantly share code, notes, and snippets.

@NaszvadiG
Created September 14, 2013 13:00
Show Gist options
  • Save NaszvadiG/6561850 to your computer and use it in GitHub Desktop.
Save NaszvadiG/6561850 to your computer and use it in GitHub Desktop.
A Pen by Naszvadi Gábor.
<form action="" method="post" enctype="multipart/form-data">
<div class="upload">
<input type="file" name="upload"/>
</div>
</form>
.upload{
width: 158px;
height: 45px;
overflow:hidden;
position:relative;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,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);
}
.upload input{
display: block !important;
width: 158px !important;
height: 45px !important;
opacity: 0 !important;
overflow: hidden !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment