JSFiddle - React, Tailwind, and code Playground

by Andrew Lyndem

HTML

<div class="fileInput">
        <input type="file" on-read-file="importTasks(contents)" class="btn btn-default" ng-click="importTasks();"/>
    </div>

CSS

.fileInput {
    margin: 20px;
    width: 80px;
    height: 20px;
    background-color: #FFF;
    border: #CCC 2px solid;
    overflow: hidden;
    text-align:center;
}
span {z-index:9999;}

.fileInput input {
    display: block !important;
    width: 80px !important;
    height: 20px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}