JSFiddle - React, Tailwind, and code Playground

by YOUNY zhu

HTML

<div>
    <button>Choose Ortholog File</button>
    <input type="file" />
</div>

CSS

div
{
    position:relative;
    width: 180px;
    height: 30px;
    overflow:hidden;
}

div button
{
    position: absolute;
    width: 180px;
    height: 100%;
}

div input
{
    opacity:0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    top:0;
    right:0;
    padding:0;
    margin: 0;
}