Skip to content

Instantly share code, notes, and snippets.

Created Aug 7, 2013
Embed
What would you like to do?
A CodePen by Secret Sam.
<html>
<body>
<div>Please select the documents to import : </div>
<form name="import_form" action='test' method="post" enctype="multipart/form-data">
<label class="cabinet">
<input type="file" class="file" name="zip_file_import" />
</label>
<label class="cabinet">
<input type="file" class="file" name="manifest_file_import" />
</label>
</form>
</body>
</html>
label.cabinet {
width: 79px;
height: 22px;
background: url(btn-choose-file.png) 0 0 no-repeat;
display: block;
overflow: hidden;
cursor: pointer;
}
label.cabinet input.file {
position: relative;
height: 100%;
width: auto;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment