¿Cómo personalizar el estilo del botón de carga de archivos con CSS?

Cuando pones un formulario en tu propio sitio web, el botón de carga debería verse como tus otros botones. Google Forms mantiene su propio estilo para el botón de carga de archivos y no tiene dónde poner tus estilos. Un Google Form insertado está dentro de un iframe al que el CSS de tu sitio no llega. Con Formfacade, escribes CSS para la clase addfile en la pestaña Advanced de la configuración del formulario: fondo, borde, fuente y color. El botón de carga de tu formulario cambia para combinar y las respuestas siguen llegando a tu Google Form.

Empecemos. Crea tu formulario y sigue los pasos de abajo.

¿Cómo escribir el CSS personalizado?

  • En la página que se abre, ponle nombre a tu formulario, haz clic en Create form y haz clic en Proceed.
  • Si te pregunta "Do you want to preview this form?", haz clic en No.
Las pestañas Edit, Preview, Share y Responses, con Edit marcado
  • En la página Edit, haz clic en el título del formulario y luego en el ícono de engranaje.
El título del formulario en la pestaña EDIT, con EDIT, el título y su engranaje marcados
  • Selecciona la pestaña Advanced y agrega el CSS personalizado.
La configuración del formulario con la pestaña Advanced y el cuadro Custom CSS marcados
  • Puedes cambiar el color de fondo, el borde, la fuente, el color de la fuente, etc. aplicando estilos CSS a la clase "addfile" como se muestra abajo y luego haz clic en el botón Save.
El cuadro Custom CSS con estilos para la clase addfile y el botón Save marcado
El botón de carga de tu formulario cambia a tus estilos.

Resumen

Google Forms no tiene dónde cambiar el estilo de su botón de carga, así que desentona en tu sitio web. Con Formfacade, escribes CSS para la clase addfile en la configuración Advanced del formulario y el botón toma tus estilos. Crea tu formulario y completa los pasos de arriba. Si tienes alguna pregunta, escribe a soporte.

Última actualización: