Anpassen von Formularen mit CSS

Sie können die Darstellung Ihres Formulars mit benutzerdefiniertem CSS anpassen. In diesem Tutorial wird veranschaulicht, wie Sie eine andere Hintergrundfarbe für Komponenten innerhalb des Formulars festlegen können.

1. Geben Sie die CSS-Klassen, die Sie innerhalb des Formulars verwenden möchten, in das Eigenschaftsfeld Benutzerdefiniertes CSS ein.
   Für dieses Beispiel fügen Sie die folgenden CSS-Klassen ein:

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

2. Zeigen Sie mit der Maus auf eine Formularkomponente und klicken Sie auf Bearbeiten. Geben Sie eine der in Schritt 1 hinzugefügten Klassen in das Feld Benutzerdefinierte CSS-Klasse ein.
   1. Bearbeiten Sie in diesem Beispiel eine Text Field- Komponente und fügen Sie die change -CSS-Klasse in das Feld Benutzerdefinierte CSS-Klasse ein.
      Sehen Sie, wie die Komponente nach dem Speichern rot wird.
      
      

      

      
      
   2. Bearbeiten Sie eine Textbereichskomponente und fügen Sie die spring -CSS -Klasse in das Feld Benutzerdefinierte CSS-Klasse ein.
      Beobachten Sie, wie die Komponente nach dem Speichern grün wird.
      
      

      

      
      

Um das „Making of“ und die Ergebnisse dieses Tutorials zu sehen, sehen Sie sich das folgende Video an: