JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<input type="file" name="file" id="file" required>
<label for="file" id="inputfilelabel">Datei auswählen</label>
<label for="file" id="inputfilelabel2">Fertig</label>
</body>

CSS

#file{
    	display:none;
    }
    #inputfilelabel{
    	display:block;
        text-align: center;
    	padding: 5px;
        border: solid 1px #000;
        color: #f00;
    }
    
    #inputfilelabel2{
    	display:block;
        text-align: center;
    	padding: 5px;
        border: solid 1px #000;
        color: #0f0;
    	
    }
    #file:invalid ~ #inputfilelabel2{
    	display: none;
    }
    #file:valid ~ #inputfilelabel{
    	display: none;
    }