JSFiddle - React, Tailwind, and code Playground

HTML

<div class="browse-button">
    <input type="button" value="Browse">
    <input type="file">
</div>

CSS

.browse-button { 
    cursor: pointer;
    float: left;
    overflow: hidden;
    position: relative;
}
.browse-button input[type="button"] { 
    cursor: pointer;
}
.browse-button input[type="file"] { 
    width: 150px; 
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}