Personalização de formulários usando CSS

É possível personalizar a aparência do seu formulário usando CSS personalizado. Este tutorial demonstra como definir uma cor de fundo diferente para componentes dentro do formulário.

1. Digite as classes CSS que você deseja usar dentro do formulário, no campo de propriedade CSS Personalizado .
   Para esse exemplo, cole as seguintes classes CSS:

   .change {
   background-color:red;
   }
   .spring {
   background-color:green
   }

2. Passe o mouse sobre um componente do formulário e clique em Editar. Digite uma das classes adicionadas na etapa 1 dentro do campo Personalizar Classe CSS .
   1. Para este exemplo, edite um componente do Campo de Texto e cole a classe CSS change dentro do campo Personalizar Classe CSS .
      Observe o componente ficar vermelho após salvá-lo.
      
      

      

      
      
   2. Edite um componente da Área de Texto e cole a classe CSS spring dentro do campo Personalizar Classe CSS .
      Observe o componente ficar verde após salvá-lo.
      
      

      

      
      

Para ver a criação e o resultado deste tutorial, assista ao vídeo abaixo: