Skip to main content
Relanzada por el usuario Comunidad
Título más descriptivo
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

Añadir ícono ¿Cómo aplicar estilos CSS a botón de subir archivoun input tipo "file"?

estoyEstoy buscando hacer un botón para importar un archivo CSV a mi formulario, quisiera saber si es posible "estilizar" el input file o si es con otra manera.

Si lo hago así se ve un botón común y corriente

      <label class="form-label" for="customFile">Default file input example</label>
      <input type="file" class="form-control" id="csv-file"/>

quisieraQuisiera utilizar un ícono que tengo llamado file-csv en lugar del clásico "subir archivo"

es¿Es posible?

Añadir ícono a botón de subir archivo

estoy buscando hacer un botón para importar un archivo CSV a mi formulario, quisiera saber si es posible "estilizar" el input file o si es con otra manera

Si lo hago así se ve un botón común y corriente

      <label class="form-label" for="customFile">Default file input example</label>
      <input type="file" class="form-control" id="csv-file"/>

quisiera utilizar un ícono que tengo llamado file-csv en lugar del clásico "subir archivo"

es posible?

¿Cómo aplicar estilos CSS a un input tipo "file"?

Estoy buscando hacer un botón para importar un archivo CSV a mi formulario, quisiera saber si es posible "estilizar" el input file o si es con otra manera.

Si lo hago así se ve un botón común y corriente

      <label class="form-label" for="customFile">Default file input example</label>
      <input type="file" class="form-control" id="csv-file"/>

Quisiera utilizar un ícono que tengo llamado file-csv en lugar del clásico "subir archivo"

¿Es posible?

Origen Enlace
Andre
  • 407
  • 2
  • 14

Añadir ícono a botón de subir archivo

estoy buscando hacer un botón para importar un archivo CSV a mi formulario, quisiera saber si es posible "estilizar" el input file o si es con otra manera

Si lo hago así se ve un botón común y corriente

      <label class="form-label" for="customFile">Default file input example</label>
      <input type="file" class="form-control" id="csv-file"/>

quisiera utilizar un ícono que tengo llamado file-csv en lugar del clásico "subir archivo"

es posible?