JSFiddle - React, Tailwind, and code Playground

by Igor Iris

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="fileinputs">
    <input id="fileBrowser" type="file" class="file" nv-file-select="" uploader="uploader" multiple/>
    <button type="button" class="btn btn-primary btn-xs fakefile" style="float: left;">Select files...</button>
</div>

CSS

div.fileinputs {
    position: relative;
}
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    float: left;
}
input.file {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: right;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 100001;
    float: left;
}