Como personalizar o estilo do botão de upload de arquivo com css?

Quando você coloca um formulário no seu próprio site, o botão de upload deveria parecer com os seus outros botões. O Google Forms mantém o próprio visual no botão de upload de arquivo e não tem lugar para os seus estilos, e um Google Form incorporado fica em um iframe que o CSS do seu site não alcança. Com o Formfacade, você escreve CSS para a classe addfile na aba Advanced das configurações do formulário: fundo, borda, fonte e cor. O botão de upload do seu formulário muda para combinar, e as respostas continuam indo para o seu Google Form.

Vamos começar. Crie seu formulário e siga os passos abaixo.

Como escrever o css personalizado?

  • Na página que abrir, dê um nome ao formulário, clique em Create form e clique em Proceed.
  • Se aparecer "Do you want to preview this form?", clique em No.
As guias Edit, Preview, Share e Responses, com Edit destacado
  • Na página Edit, clique no título do formulário e depois no ícone de engrenagem.
O título do formulário na aba EDIT, com EDIT, o título e a engrenagem dele destacados
  • Selecione a aba Advanced e adicione o CSS personalizado.
As configurações do formulário com a aba Advanced e a caixa Custom CSS destacadas
  • Você pode mudar a cor de fundo, a borda, a fonte, a cor da fonte etc. aplicando os estilos css à classe "addfile" como mostrado abaixo e clicar no botão Save.
A caixa Custom CSS com estilos para a classe addfile e o botão Save destacado
O botão de upload do seu formulário passa a usar os seus estilos.

Resumo

O Google Forms não tem onde mudar o estilo do botão de upload, então ele destoa no seu site. Com o Formfacade, você escreve CSS para a classe addfile nas configurações Advanced do formulário e o botão assume os seus estilos. Crie seu formulário e siga os passos acima. Se tiver dúvidas, escreva para o suporte.

Última atualização: