JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<script src="https://diarypeople.fr/beta/style/style_classic/img/app.png"></script>
<div id="insertImg">
    <input type="file" class="file" style="width:25px">
        <div class="fakefile">
        </input>
        <img src="https://diarypeople.fr/beta/style/style_classic/img/app.png" width="25" height="19" alt="">
    </div>
</div>

CSS

.fakefile{
    position:absolute;
    top:10px;
    left:10px;
    width:25px;
    z-index:2;
}
input[type=file].file{
    position:relative;
    filter:alpha(opacity: 0);
    opacity:0;
    width:25px;
    z-index:1;
    overflow:hidden;
    margin-right:5px
}

input[type=file]{width:25px}