JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<input type="file" class="file">
	<div class="fakefile">
    </input>
        <img src="https://diarypeople.fr/beta/style/style_classic/img/app.png" width="25" height="19" alt="app.png" title="Charger une image">
	</div>

CSS

div.fakefile {
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
    overflow:hidden;
    width:25px;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity: 0;
	z-index: 2;
    width:25px;
    height:19px;
    overflow:hidden;
}