Personnaliser des formulaires à l'aide de CSS

Vous pouvez personnaliser l’apparence de votre formulaire à l’aide d’un CSS personnalisé. Ce tutoriel montre comment définir une couleur d’arrière-plan différente pour les composants du formulaire.

1. Tapez les classes CSS que vous souhaitez utiliser dans le formulaire, dans le champ de propriété CSS personnalisé .
   Pour cet exemple, collez les classes CSS suivantes :

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

2. Survolez un composant de formulaire et cliquez sur Modifier ( Edit). Saisissez l'une des classes ajoutées à l'étape 1 dans le champ Classe CSS personnalisée (Custom CSS Class ).
   1. Pour cet exemple, modifiez un composant Champ de texte et collez la classe CSS change dans le champ Classe CSS personnalisée .
      Regardez le composant devenir rouge après l'avoir enregistré.
      
      

      

      
      
   2. Modifiez un composant Zone de texte et collez la classe CSS spring dans le champ Classe CSS personnalisée .
      Regardez le composant devenir vert après l'avoir enregistré.
      
      

      

      
      

Pour voir le processus de création et le résultat de ce tutoriel, regardez la vidéo ci-dessous :