Ocultando <input type="file">

[Frank K Hosaka]

Foi sem querer que descobri que é possível executar o <input type="file"> clicando apenas no <label>, e isso abriu a possibilidade de ocultar o botão "selecionar o arquivo" e também a mensagem "nenhum arquivo selecionado", através de uma gambiarra, reduzindo o tamanho do marcador <input> para zero:

<?php
if(isset($_GET['rota'])) {
    echo "<div class='w-[500px] mt-[100px] m-0 m-auto'>
            O nome do arquivo é ".substr($_GET['rota'],12)."</div>";
}
?>
<script src="https://cdn.tailwindcss.com"></script>
<div class="w-[500px] mt-[200px] m-0 m-auto">
    <label for="arquivo" class="w-[200px] bg-gray-200 border rounded-lg px-2 py-2">
        Selecione o arquivo
    </label>
    <input type="file" name="arquivo" id="arquivo" class="w-[0px]"
         onchange="location.replace('?rota='+this.value)">
</div>