JSFiddle - React, Tailwind, and code Playground
by codef0rmer
HTML
<div class="wrapper">
<div class="text">I'm not a link you fool</div>
<input type="file"/>
</div>
CSS
div.text {
position: absolute;
top: 0;
left: 0;
text-decoration: underline;
color: blue;
}
div.wrapper {
position: relative;
}
input { opacity: 0; }
JavaScript
// http://stackoverflow.com/questions/12067324/styling-the-browse-button-to-look-like-a-link