File Input CSS

by adamdbradley

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<label class="btn file-input" for="uploadInput">
    <i class="icon-upload"></i>
    Upload
    <input type="file" id="uploadInput">
</label>
Text next to the button

CSS

label input[type="file"] {
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
}

label.file-input {
    width: 60px;
    height: 18px;
    display: inline-block;
}