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 da 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 de formulário e clique em Editar. Digite uma das classes adicionadas na etapa 1 dentro do campo Classe CSS Personalizada.

   1. Para este exemplo, edite um componente Campo de texto e cole a classe CSS change dentro do campo Classe CSS personalizada. Observe o componente ficar vermelho após salvá-lo.

      

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

   

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