Skip to content

Instantly share code, notes, and snippets.

@arozwalak
Created November 7, 2013 14:26
Show Gist options
  • Save arozwalak/7355400 to your computer and use it in GitHub Desktop.
Save arozwalak/7355400 to your computer and use it in GitHub Desktop.
CSS: Input file styling
<style>
div.fileinputs {
position: relative;
}
div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
</style>
<div class="fileinputs">
<input type="file" class="file" />
<div class="fakefile">
<input />
<img src="search.gif" />
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment