JSFiddle - React, Tailwind, and code Playground

by Darlei Zillmer

HTML

<label for='anexo-1'>Anexo 1</label>
    <input id='anexo-1' type='file'>
    <label for='anexo-2'>Anexo 2</label>
    <input id='anexo-2' type='file'>
    <label for='anexo-3'>Anexo 3</label>
    <input id='anexo-3' type='file'>

CSS

/* Esconde o input */
    input[type='file'] {
      display: none
    }
    
    /* AparĂŞncia do seletor de arquivo */
    label {
      background-color: #fdd31d;
      color: #000;
      cursor: pointer;
      margin: 10px;
      padding: 6px 20px;
      display: table;
    }